twitter bootstrap选项卡：content-panes中的链接不起作用

Question

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

标签窗格中的链接不再起作用，根本不会转到网址http://somewhere.com。为什么？我忽略了什么？

谢谢！

Answer 1

使用标签时，您需要执行以下操作（根据the doc ）

<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来激活它们。

Working demo (jsfiddle)