jQuery工具選項卡：多個不同實例

Question

使用jQuery Tools Tabs，我嘗試使用.tabs()的多個調用實例化多個選項卡實例。

在官方文檔中，他們有創建多個選項卡實例的示例（http://flowplayer.org/tools/demos/tabs/multiple.html）。然而，在這裏，它基本上是同一個選項卡/窗格設置的多個副本，外觀，CSS和html（基本上）都是相同的。

我目前的設置是這樣的：

$("#tabs-1").tabs("#panes-1 > .pane-1"); 
$("#tabs-2").tabs("#panes-2 > .pane-2"); 

HTML：

<ul id="tabs-1"> 
    <li>tab 1</li> 
    ...etc 
</ul> 

<div id="panes-1"> 
    <div class="pane-1"> 
    <ul id="tabs-2"> 
     <li>tab 1</li> 
     ...etc 
    </ul> 
    <div id="panes-2"> 
     <div class="pane-2">Pane Content</div> 
     ...etc 
    </div> 
    </div> 
    ...etc (more .pane-1 panes) 
</div> 

我想是的選項卡功能，對於兩組不同的卡和窗格的;它們的DOM放置和外觀彼此不同，一個嵌套在另一個內部。

上述示例中的每個函數都可以正常工作。如果兩者都被調用，則只有一個Tabs實例起作用（以先調用者爲準），而第二個則不。

我在做什麼錯？

Answer 1

請嘗試以下演示本頁： http://flowplayer.org/tools/demos/tabs/multiple-tabs.htm