用jQuery Tools设置默认选项卡

Question

好吧，请确定您明白这是使用jQuery Tools（http://jquerytools.org/），而不是jQuery UI。

我需要知道是否有方法通过实际的HTML代码设置默认选项卡。设置代码如下所示：

jQuery("ul.tabs").tabs("div.panes > div"); 

和HTML是这样的：

<div class="tabs-container"> 
<ul class="tabs "> 
<li class="w3"><a href="#" class="current">The active tab</a></li> 
<li class="w3"><a href="#">Another tab</a></li> 
<li class="w3"><a href="#">Third tab</a></li> 
</ul> 
<div class="panes"> 
<div style="display: block;"> 
Content of first tab 
</div> 
<div style="display: none;"> 
Second tab contents 
</div> 
<div style="display: none;"> 
Third tab contents 
</div> 
</div> 

我已经尝试过给第二选项卡的锚类“当前”的，没有工作。

Answer 1

后的标签已被初始化，你可以得到的标签脚本API句柄，然后选择该选项卡：

var api = $("ul.tabs").data("tabs"); 
api.click(1); 

的完整参考这里下的“脚本API”：http://jquerytools.org/documentation/tabs/

Answer 2

您需要当您在页面上的脚本中设置选项卡时，请使用initialIndex属性作为第二个参数的一部分。

下面是一个链接到初始索引设置为“1”的小提琴默认显示第二个选项卡，而不是第一个标签索引从零开始。 http://jsfiddle.net/switchweb/pPMRX/

使用initialIndex属性对其进行设置的脚本如下所示（当您最初显示页面时，您希望替换为“当前”的TAB的数量为“1”，其中第一个标签是0，第二个是1等）。

$("<tabs_selector>").tabs("<pane_selector>", {initialIndex: 1});