3

我在这里有一个工作标签实例并准备了一个 jsfiddle（不知何故，这些标签在这里无法正常工作，但链接问题仍然存在）：http: //jsfiddle.net/Gyrga/6/

选项卡窗格中的链接不再起作用，并且根本无法访问 URL http://somewhere.com。为什么？我忽略了什么？

谢谢！

4

1 回答 1

6

使用选项卡时，您需要执行以下操作（根据文档）

<a href="#home" data-toggle="tab">Home</a>
<!-- etc -->

<div class="tab-content">
    <div class="tab-pane active" id="home">...</div>
    <!-- etc -->
</div>

但是在你的例子中，你把它data-toggle="tab"放在.tab-pane里面的链接上。

只需删除此属性并将其放在实际切换选项卡的链接上。这样，您甚至不需要 JavaScript 来激活它们。

工作演示（jsfiddle）

于 2012-08-14T16:01:39.460 回答