0

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>

私が欲しいのは、タブとペインの2つの異なるセット用のタブ機能です。DOMの配置と外観が互いに異なり、一方が他方の中にネストされています。

上記の例の各関数は、それ自体で正常に機能します。両方が呼び出された場合、タブの1つのインスタンス（最初に呼び出された方）のみが機能し、2番目のインスタンスは機能しません。

私は何が間違っているのですか？

4

1 に答える 1

-1

このページのデモに従ってみてください: http://flowplayer.org/tools/demos/tabs/multiple-tabs.htm

于 2011-12-13T12:55:03.767 に答える