Question

有没有办法构建以下省略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时，我非常脾气暴躁。

Answer 1

文档说，“Tab应该有一个数据目标或一个href，目标是DOM中的容器节点。”

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

我的2美分：首先使用id对我的感觉比“数据切换”更清洁，而且他们不必混淆事情...我更喜欢描述这个部分，比如'home'和amp; '关于'。

但是，当标签的数量/名称增长/变化时，如果使用js或服务器端动态分配，我有时会使用'tab1'和'tab2'。不要在这里咆哮，但我认为还值得注意的是，很多引导程序的例子都使用了“id1”，“id2”语法，这导致人们认为硬编码就是正常/正确/正确...这可能导致一些非常混乱的代码......实际上，我认为大多数CLASSES（nav-fixed-top，spanX等）都可能会发生变化，并且都是真正意图动态分配（通过JS或更少）。我希望在文档的第一页上解释这一点。一旦你拥抱整个工具箱，它真的很强大。

很抱歉咆哮，我希望这有用！

不使用.tab-pane id属性构建.tabbable

1 个答案: