0

ブートストラップモーダルでタブを使用しています。タブはうまく表示されますが、問題は、「セクション 2」タブをクリックするとすぐに「セクション 1」タブに戻ることです。以下はコードです。JavaScriptを使用してこれを強制するのを手伝ってくれる人、またはおそらく何が問題なのですか? 私は成功せずに検索しました！

<div class="tabbable"> 
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
        <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
    </ul>

    <div class="tab-content">
        <div class="tab-pane active" id="tab1">
            <p>I'm in Section 1.</p>
        </div>

        <div class="tab-pane" id="tab2">
            <p>Howdy, I'm in Section 2.</p>
        </div>
    </div>
</div>
4

1 に答える 1

0

タブの Bootstrap ヘルプ ドキュメントを読むには、含める必要がありますbootstrap-tab.js。これがないと、ページがポストバック/正しく機能しません。

jQueryプラグインが必要

すべてのタブ可能なタブは、軽量の jQuery プラグインによって強化されています。タブ可能なタブを有効にする方法については、JavaScript ドキュメント ページを参照してください。

こちらもご覧ください > http://twitter.github.io/bootstrap/javascript.html#tabs

したがって、これを取得するにはいくつかの方法があります

  1. ダウンロードをカスタマイズするときにToggleable tabsプラグインを含めますhttp://twitter.github.io/bootstrap/customize.html (セクション 2 - jQuery プラグインの選択を参照)

  2. 完全なパッケージをダウンロードするか、CDN へのリンクなどhttp://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js

テストのために、ここにリンクすることもできると思います

`http://twitter.github.io/bootstrap/assets/js/bootstrap.js`
于 2013-05-02T09:34:38.163 に答える