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

这将使第五个(零索引)选项卡成为默认的活动选项卡.