tabs - twitterブートストラップタブ：コンテンツ内のリンク-ペインが機能しない

Question

ここに動作するタブインスタンスがあり、jsfiddleを準備しました（どういうわけかここではタブが正しく動作しませんが、リンクの問題はまだ存在します）：http: //jsfiddle.net/Gyrga/6/

タブペインのリンクは機能しなくなり、URLhttp ://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）