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>

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

上面示例中的每个函数都可以正常工作。如果两者都被调用，则只有一个Tabs实例可用（以第一个为准），第二个则不然。

我做错了什么？

Answer 1

尝试按照此页面上的演示进行操作： http://flowplayer.org/tools/demos/tabs/multiple-tabs.htm

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

1 个答案: