2013-04-22 59 views
0

如何使页面的最终页面成为默认选项卡。我使用jQuery UI来显示这些标签。如何在页面加载中设置在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页面处于活动状态。

+0

看的API:http://api.jqueryui.com/tabs/#option-active – Dom 2013-04-22 22:40:22

回答

6

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

而不是

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

试试这个:

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

这将使五分之一(它是零索引)选项卡默认的活动标签。

2

这一次为我的作品:

$('a[href="#strains"]').click(); 
相关问题