1

一般的にこの件に関連する多くの質問を見てきました。何をする必要があるかを正確に知っていますが、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>

active理想的には、そのタブのデータは #tab1 に切り替えられますが、タブはのクラスに切り替わりませんhref="#tab1"(アクティブなままに#tab2なりますが、 からのデータが表示されます#tab1) 。

メソッドを使用して.first()、最初に出現したhref="#tab1and.addClass('active')をこの li にターゲットできると考えました。しかし、私は任意のリンクのliを選択する方法がわかりません。リンクして、そのhrefIDを直接ターゲットにします

これができるかどうかは本当にわかりません。リンクから (jQuery を使用して) データを挿入し、hrefそれをタブ リンクに追加してアクティブにすることはできますか?

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

その正確な「タブ」を選択する方法と、リンクを起動した後.addClass('active')への方法があります。<li>

お時間をいただきありがとうございます。

JSFIDDLE の例

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

4

2 に答える 2

2

そのようにタブを切り替える場合、tab('show')そのボタンが移動する予定のタブで再度呼び出す必要があります。

ちなみに、タブを使用している場合は、バージョンを 2.0.3 に更新することを検討してください。彼らはいくつかのバグを修正しました (主に左または右のタブで) が、新しい navs.less ファイルをドロップするだけでも、今後の頭痛の種から解放される可能性があります。

于 2012-05-02T13:55:18.733 に答える
1

タブを手動で閉じようとしたときに、似たようなものに遭遇しました。

動作するjsFiddleは次のとおりです。

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

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

于 2012-05-04T07:40:02.983 に答える