MicrosoftJScript运行时错误:没有这样的选项卡小部件实例的“选择”方法

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (9)

我需要为点击html按钮的jquery选项卡选择特定的选项卡功能。我正在使用jquery.1.9.1.jsjquery-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。正常选择标签上点击他们工作正常。但是从函数调用完成后它不工作。执行中出现什么问题或者是否有文件丢失?

提问于
用户回答回答于

没有select方法,用于此版本中的jQueryUI Tabs。要使你的功能工作,需要将你的代码改为;

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

请阅读http://api.jqueryui.com/tab/#选项-Active有关这方面的更多信息。

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

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

用户回答回答于

如果想要在你的站点上创建打开选项卡的单独链接,可以使用下面的函数并将其调用为

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

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

第一个目标是0,第二个目标是1,依此类推。当然,div可以是任何允许单击的内容。

扫码关注云+社区