Вкладки инструментов jQuery: несколько разных экземпляров - PullRequest
Новая
       4

Вкладки инструментов jQuery: несколько разных экземпляров

0 голосов
/ 31 января 2011

Используя 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, и одно вложено в другое.

Каждая функция в приведенном выше примере прекрасно работает сама по себе. Если вызываются оба, работает только один экземпляр Tab (в зависимости от того, какой из них вызывается первым), а второй - нет.

Что я делаю не так?

1 Ответ

0 голосов
/ 13 декабря 2011

Попробуйте выполнить демонстрацию на этой странице: http://flowplayer.org/tools/demos/tabs/multiple-tabs.htm

...