Twitter Bootstrap 选项卡：内容窗格中的链接不起作用

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

选项卡窗格中的链接不再起作用并且不会转到 URLhttp://somewhere.com http://somewhere.com根本..为什么？我忽略了什么？

Thanks!

当您使用选项卡时，您需要执行以下操作（根据the doc http://twitter.github.com/bootstrap/javascript.html#tabs)

<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" on the .tab-pane这会破坏里面的链接。

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

工作演示（jsfiddle） http://jsfiddle.net/Sherbrow/Gyrga/8/