0

我正在使用 Bootstrap 3。标签文档说

通过 JavaScript 启用可选项卡（每个选项卡需要单独激活）

文档说要为每个选项卡添加一个单击以防止单击默认并显示选项卡。但他们也说添加data-toggle会起作用。

以下似乎在 Chrome、IE、FF 中运行良好。默认选择第一个药丸；单击任何其他药丸会淡出正确的内容。

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

添加了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>
4

1 回答 1

1

在标签文档的标记部分下，它说

“您无需编写任何 JavaScript 即可激活选项卡或药丸导航”

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

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

于 2013-09-22T05:54:27.477 回答