JQueryとTwitter Bootstrapはアクティブなタブを作成しません
-
27-10-2019 - |
質問
Twitter Bootstrap JSタブでは、LI要素にクラス「アクティブ」を追加する必要があります。
URLからハッシュを取得します。タブにアクティブなクラスを適用しますが、フォーカスは得られません。
URLに特定のハッシュがあるときに、2番目のタブをアクティブにしたいです。
解決 2
私はそれを解決しました、私はタブのコンテンツのdivをアクティブに設定する必要があります。
他のヒント
また、最新のbootstrap-tab.jsを使用すると、次の通話を使用してアクティブタブを選択できます。
NAVサンプル:
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Tab 1</a></li>
<li><a href="#tab2" data-toggle="tab">Tab 2</a></li>
<li><a href="#tab3" data-toggle="tab">Tab 3</a></li>
</ul>
リンクとディスプレイコールでオブジェクトを取得します:
$('a[href="#tab2"]').tab('show');
ベスト、G。
あなたはこのようにそれをすることができます:
$(function (e) {
var parts = decodeURI(e.target).split('#');
$(".tabs").tabs().select(parts[1]);
});
ブートストラップタブを機能させるには、タブをアクティブにするためにしなければならないことが2つあります。
- li要素をアクティブに設定する(class = "active")
- タブdiv要素をアクティブに設定します(class = "active in active")
なぜあなたはを使用していないのですか select
クラスを自分で変更する代わりに方法??
これをチェックして、 URLのパラメーターを使用してjQueryタブの選択
所属していません StackOverflow