jquery - 如何在页面加载时在 jQuery ui 选项卡中设置一个处于活动状态的选项卡

Question

如何使最终的关于页面成为默认选项卡。我正在使用 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>

据我发现，它似乎必须按照以下方式完成。

$('#tabs1').addClass('active')

但它不起作用。我有以下 jQuery。

$( "#tabs" ).tabs();
$( "#pathway1").addClass('active');

我想让 path1 页面默认处于活动状态。

Answer 1

设置类不会更改默认选项卡。

代替

$( "#tabs" ).tabs();    

尝试这个：

$( "#tabs" ).tabs({ active: 4 });

这将使第五个（它是零索引）选项卡成为默认的活动选项卡。

Answer 2

这个对我有用：

$('a[href="#strains"]').click();