jQuery工具选项卡:多个不同的实例

Question

通过几次.tabs()调用，我尝试使用jQuery Tools 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>

我想要的是Tabs功能，用于两组不同的Tabs和窗格；它们在DOM位置和外观上彼此不同，其中一个嵌套在另一个中。

上例中的每个函数都可以独立运行。如果两者都被调用，则只有一个Tabs实例可以工作(以最先调用的那个为准)，而第二个实例则不起作用。

我做错了什么？

Answer 1

尝试遵循此页面上的演示：http://flowplayer.org/tools/demos/tabs/multiple-tabs.htm