Question

我正在使用Bootstrap 3. tab docs说

通过JavaScript启用可列表标签（每个标签需要单独激活）

文档说要为每个标签添加点击以防止点击默认并显示标签。但他们也说添加data-toggle会有效。

以下内容似乎在Chrome，IE，FF中很棒。第一个药丸默认选择;点击任何其他药丸在正确的内容中消失。

问：我是否需要添加额外的j来正确“启用”药丸？这是文档错误还是我需要做更多？

已添加 PS。我当然意识到需要JS来使标签工作。我的Q是关于什么是显式的JS脚本，如果需要的话，可以在一个普通的情况下启动和运行标签。

<ul class="nav nav-pills" id="myTab">
  <li class="active"><a href="#home" data-toggle="pill">Home</a></li>
  <li><a href="#profile" data-toggle="pill">Profile</a></li>
  <li><a href="#messages" data-toggle="pill">Messages</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active fade in" id="home">
    blah blah blah
  </div>
  <div class="tab-pane fade" id="profile">
    blah blah blah
  </div>
  <div class="tab-pane fade" id="messages">
    blah blah blah
  </div>
</div>

Answer 1

在标签文档的标记部分下面显示

“您可以在不编写任何JavaScript的情况下激活制表符或精选导航”

这样可以让你知道你可以通过javascript或只是设置data- *属性来实现。大多数（如果不是全部）Bootstraps javascript功能都是这样的，您可以通过写出我们让Bootstrap通过提供正确的data- *属性来执行它的javascript事件来启用功能。

bootstrap.js具有运行的功能，如果存在，将根据这些属性自动设置事件。

Bootstrap标签不需要显式的js？

1 个答案: