jQuery UI选项卡，ID属性

Question

为了演示显示包含标签的元素，jQuery tab documentation提供了以下示例：

$('#example').tabs();

我需要在页面上多次出现标签，因此将示例更改为：

$('.example', parentEl).tabs();

父元素只会包含1个tabs元素，因此按预期工作。但是，每个选项卡的内容都需要ID属性：

<div class="tabs">
  <ul>
      <li><a href="#One" class="TabLink"><span>One</span></a></li>
      <li><a href="#Two" class="TabLink"><span>Two</span></a></li>
  </ul>
  <div id="One"></div>
  <div id="Two"></div>
</div>

由于我将有多个标签（由用户事件生成），我不应该使用ID吗？

Answer 1

你应该使用id。这就是jquery如何准确知道每个选项卡要加载的内容。但是，如果您关闭id，则会为每个元素分配一个唯一的ID。