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

Question

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

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

谢谢!

Answer 1

使用选项卡时,需要执行以下操作(根据文档)

<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)