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，它会为每个元素分配一个唯一的。