用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});