Microsoft JScript运行时错误:没有这样的方法'select'for tabs小部件实例

Question

我需要在单击html按钮时为jquery选项卡选择特定的选项卡功能.我正在使用jquery.1.9.1.js和jquery-ui-1.10.2.custom.js提交.我已经实现了以下代码,但对我不起作用.

<script language="javascript" type="text/javascript">
 $("#ui-tabs").tabs();
 function SelectTab() { // bind click event to link
                 $('#ui-tabs').tabs('select', 2); // switch to third tab
                 return false;
             }
 </script>
<div id="ui-tabs">
<ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">Tab1 content </div>
<div id="tabs-2">Tab2 content </div>
<div id="tabs-3">Tab3 content </div>
</div><a id="next" class="button-style" href="#" onclick="return SelectTab();">Select Tab</a>

问题是$('#ui-tabs').tabs('select', 2);函数中的语句SelectTab给了我错误Microsoft JScript runtime error: no such method 'select' for tabs widget instance.正常选择标签点击它们工作正常.但是从函数调用完成时它不起作用.在实施中出了什么问题或是否有任何文件丢失？请建议.

Answer 1

select此版本中没有jQuery UI选项卡的方法.要使您的功能正常工作,您需要将代码更改为;

$('#ui-tabs').tabs( "option", "active", 2 );

有关详细信息,请阅读http://api.jqueryui.com/tabs/#option-active.

// getter
var active = $( ".selector" ).tabs( "option", "active" );

// setter
$( ".selector" ).tabs( "option", "active", 1 );

查看这个小jsFiddle,了解它的工作示例.