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