Microsoft JScript 运行时错误：选项卡小部件实例没有此类方法“选择”

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>

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

Answer 1

此版本中没有用于 jQuery UI 选项卡的 select 方法。要使您的功能正常工作，您需要将代码更改为；

$('#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 以了解它的工作示例。

Answer 2

如果你想在你的网站上创建单独的链接来打开标签，你可以使用下面的函数并调用它

<div onclick="changeToTab(targetTabNumber)"> mylinkText </div>

function changeToTab(ID){
    var $tabs = $('#tabs').tabs();
    $tabs.tabs( "option", "active", ID );
    return false;
}

第一个目标地址为 0，第二个目标地址为 1，以此类推。 当然，div 可以是任何允许点击的内容。