JQueryとTwitter Bootstrapはアクティブなタブを作成しません

StackOverflow https://stackoverflow.com/questions/8368429

  •  27-10-2019
  •  | 
  •  

質問

Twitter Bootstrap JSタブでは、LI要素にクラス「アクティブ」を追加する必要があります。

URLからハッシュを取得します。タブにアクティブなクラスを適用しますが、フォーカスは得られません。

URLに特定のハッシュがあるときに、2番目のタブをアクティブにしたいです。

ソースコード：http://jsfiddle.net/chumillas/du458/#example

役に立ちましたか？

解決 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。

ソース：Twitter Bootstrap

あなたはこのようにそれをすることができます：

$(function (e) {
  var parts = decodeURI(e.target).split('#');
  $(".tabs").tabs().select(parts[1]);
});

ブートストラップタブを機能させるには、タブをアクティブにするためにしなければならないことが2つあります。

  1. li要素をアクティブに設定する（class = "active"）
  2. タブdiv要素をアクティブに設定します（class = "active in active"）

なぜあなたはを使用していないのですか select クラスを自分で変更する代わりに方法??

これをチェックして、 URLのパラメーターを使用してjQueryタブの選択

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top