/ / bootstrap 2.0タブコンテンツ内のURLでタブとデータを有効にする - jquery、html、css、twitter-bootstrap

bootstrap 2.0タブコンテンツ内のURLでタブとデータを有効にする - jquery、html、css、twitter-bootstrap

私は多くの質問が一般的にこの件名に触れているのを見ましたが、何をする必要があるのか​​正確に分かっていますが、jQueryには "流暢"ではありません。

 <ul class="nav nav-pills" id="activate">
<li><a href="#tab1" data-toggle="tab">Tab 1</a></li>
<li class="active"><a href="#tab2" data-toggle="tab">Tab 2</a></li>
</ul>

<div class="tab-content">
<div id="tab1"><h1>Data for Tab 1</h2></div>
<div id="tab2">
<a href="#tab1" rel="taburl" data-toggle="tab">Take me to tab content #1</a>
</div>

理想的には、そのタブのデータは#tab1に切り替えられますが、タブは active クラス href="#tab1"#tab2 からのデータを表示します #tab1

私は、 .first() メソッドを呼び出し、 href="#tab1 そして .addClass("active") この李にしかし、私は、それをリンクするためにリンクを選択する方法を知らない href ID

私は本当にこれができるかどうかわからない。私は href (jQueryを使用して)リンクからデータを取り出し、それをタブリンクに追加してアクティブにします。

そしてまた、 data-toggle="tab" 適切なコンテンツに切り替わりますが、ナビゲーションバーのアクティブなタブは更新されません。

その正確な「タブ」を選択する方法があります .addClass("active") 〜に <li> 一度私はリンクを解雇した。

あなたの時間をありがとう。

JSFIDDLEの例

http://jsfiddle.net/epiceon/M6NQJ/1/

回答:

回答№1は2

あなたが電話をする必要があるようなタブを切り替えると tab("show") もう一度タブに移動するには、ボタンを押してください。

補足として、あなたのタブを使用している場合はバージョンを2.0.3に変更し、いくつかのバグを修正しました(主に左右のタブを使用しています)が、新しいnavs.lessファイルをドロップすると、頭痛を軽減できます。


回答№2の場合は1

私は、それ自身の中のタブを手動で閉じようとするときに、何か似たようなことに遭遇しました。

作業中のjsFiddleを呼び出す:

http://jsfiddle.net/WnQvF/8/

私はちょうど私のプロジェクトからコピーしたことに注意してください。だから、このソリューションはあなたの問題にとっては最もクリーンではないかもしれませんが、それがどのように機能するかはわかります。 タブ3内のタブボタンとボタンに名前を付けることを忘れないでください。