如何在页面加载时在 jQuery ui 选项卡中设置一个活动选项卡
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/16157885/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
how to set a tab active in jQuery ui tab on page load
提问by dissw.geek9
How can I make the final about page the default tab. I am using jQuery UI for showing these tabs.
如何使最终的关于页面成为默认选项卡。我正在使用 jQuery UI 来显示这些选项卡。
<div id="tabs">
<li class="ui-state-default ui-corner-top"><a href="#home">Home</a></li>
<li class="ui-state-default ui-corner-top"><a href="#strains">Strains</a></li>
<li class="ui-state-default ui-corner-top"><a href="#GB"> Browser</a></li>
<li class="ui-state-default ui-corner-top"><a href="#pathway">Pathway</a></li>
<li id="pathway1" class="ui-state-default ui-corner-top"><a href="#pathway1">pathway1</a></li>
<li class="ui-state-default ui-corner-top"><a href="#About">About</a></li>
As far as I have found out it seems it has to be done the following way.
据我所知，似乎必须按以下方式完成。
$('#tabs1').addClass('active')
But it is not working. I have following jQuery.
但它不起作用。我有以下jQuery。
$( "#tabs" ).tabs();
$( "#pathway1").addClass('active');
I want to make pathway1 page active by default.
我想让 path1 页面默认处于活动状态。
回答by Ken Herbert
Setting a class will not change the default tab.
设置类不会更改默认选项卡。
Instead of
代替
$( "#tabs" ).tabs();
Try this:
尝试这个：
$( "#tabs" ).tabs({ active: 4 });
This will make the fifth (it is zero-indexed) tab the default active tab.
这将使第五个（它是零索引的）选项卡成为默认的活动选项卡。
回答by Muhammad Awais
This one works for me:
这个对我有用：
$('a[href="#strains"]').click();
