0

有没有办法构建以下省略 id 属性（不使用 js）？

<div class="tabbable">
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Existing TLDs</a></li>
    <li><a href="#tab2" data-toggle="tab">New TLDs</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active fade in" id="tab1">
      <p>I'm in Section 1.</p>
    </div>
    <div class="tab-pane fade" id="tab2">
      <p>I'm in Section 2.</p>
    </div>
  </div>
</div>

在将 id 分配给元素（尤其是非容器）时，我很生气。

4

1 回答 1

1

文档说，“选项卡应该有一个数据目标或一个指向 DOM 中容器节点的 href。”

如果这些只是非引导 html 页面中的链接 - 我们怎么能在页面上引用另一个独特的元素？这就是 id 的用途。它可以使用描述性 id 或 JS（动态分配 id1、id2 等）来完成，但我们必须使用其中一个。

我的 2 美分：起初使用 id 对我来说比“数据切换”更干净，而且它们不必把事情弄得乱七八糟……我更喜欢描述这个部分，比如“家”和“关于”。

However, when the number/names of the tabs grow/change, I sometimes use 'tab1' and 'tab2' if assigning on the fly with js or server-side. 不要在这里咆哮，但我认为值得注意的是，许多引导示例使用“id1”、“id2”语法，这导致人们认为以这种方式硬编码是正常/正确/好的……这可能导致一些非常混乱的代码......事实上，我认为大多数 CLASSES（nav-fixed-top、spanX 等）可能会发生变化，并且都真正打算动态分配（通过 JS 或更少）。我希望在文档的第一页上对此进行了解释。一旦你拥抱了整个工具箱，它真的很强大。

不好意思吐槽了，希望对你有帮助！

于 2013-10-25T07:55:53.913 回答