我需要选择特定的选项卡功能的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>
问题是函数SelectTab
中的语句$('#ui-tabs').tabs('select', 2);
给了我错误Microsoft JScript runtime error: no such method 'select' for tabs widget instance
。正常的选项卡选择,点击他们工作良好。但它是不工作时,从函数调用完成。在执行中出现了什么问题,或者有任何文件丢失?请建议。
这个版本的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的工作示例
如果你想在你的网站上创建单独的打开标签的链接,你可以使用下面的函数并调用
<div onclick="changeToTab(targetTabNumber)"> mylinkText </div>
function changeToTab(ID){
var $tabs = $('#tabs').tabs();
$tabs.tabs( "option", "active", ID );
return false;
}
第一个目标地址为0,第二个目标地址为1,依此类推。div可以是任何允许onclick的元素