如何在页面加载时在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();