Microsoft JScript运行时错误: tabs小部件实例没有这样的方法'select‘
Microsoft JScript运行时错误: tabs小部件实例没有这样的方法'select‘
提问于 2013-04-16 17:34:13
我需要选择特定的选项卡功能的jquery选项卡上点击的html按钮。我正在使用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>问题是function SelectTab中的语句$('#ui-tabs').tabs('select', 2);给出了错误Microsoft JScript runtime error: no such method 'select' for tabs widget instance。正常选择选项卡时，单击它们可以正常工作。但是当从函数调用中完成时，它不起作用。在实现中出了什么问题，或者是否缺少任何文件？请提个建议。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-04-16 17:55:35
此版本中没有用于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，看看它是如何工作的。
Stack Overflow用户
发布于 2013-11-22 01:23:07
如果要创建指向站点上打开的选项卡的独立链接，可以使用下面的函数并使用调用该函数
<div onclick="changeToTab(targetTabNumber)"> mylinkText </div>
function changeToTab(ID){
var $tabs = $('#tabs').tabs();
$tabs.tabs( "option", "active", ID );
return false;
}第一个目标的地址为0，第二个目标的地址为1，依此类推。当然，div可以是任何允许onclick的东西。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16033490
复制相关文章
相似问题