0

Twitter Bootstrap メニューのアクティブなタブは表示されていますが、他のタブは表示されていません。同様の質問に対する解決策 (こちらを参照) はdata-toggle="tab"、私にとってはうまくいきませんでした。

タブのコード スニペットを次に示します。

<div class="container">
    <div id="content">
        <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
            <li class="active"><a href="#skills" data-toggle="tab">Skills</a></li>
            <li><a href="#interests" data-toggle="tab">Interests</a></li>
            <li><a href="#languages" data-toggle="tab">Languages</a></li>
        </ul>
        <div id="my-tab-content" class="tab-content">
            <div class="tab-pane active" id="skills">
                <ul class="checkbox-grid">
                    <li><label><input type="checkbox" name="checkbox" id="Business Development box" value= "Business Development" onclick="boxclick(this,'skills','Business Development')" /> Business Development </label></li>
                    <li><label><input type="checkbox" name="checkbox" id="Capacity Building box" onclick="boxclick(this,'skills','Capacity Building')" />  Capacity Building </label></li> 
                </ul>
            </div>
            <div class="tab-pane" id="interests">
                <ul class="checkbox-grid">
                    <li><label><input  name="checkbox" id="Art/Architecture/Music box" onclick="boxclick(this,'interests','Training Development')"/> Art/Architecture/Music</label></li>
                    <li><label><input  name="checkbox" id="Child Rights box" onclick="boxclick(this,'interests','Training Development')"/> Child Rights</label></li>

                </ul>
            </div>
            <div class="tab-pane" id="languages">
                <h1>Languages</h1>
                <p>languages languages languages</p>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $('#tabs').tab();
    });
</script>

4

3 に答える 3

4

ブートストラップjsを追加しませんでした:)

于 2013-07-17T17:32:21.493 に答える
0

これを機能させるには、bootstrap.js ファイルを含める必要があります。

于 2013-07-17T17:33:09.680 に答える
0

必要な可能性のある他のファイルは含めましたが、含めてbootstrap-tab.jsいません。FireBug を開いてページをリロードすると、コンソールに「タブは関数ではありません」というエラーが表示されます。これは、ブートストラップ コードが正しく初期化されなかったことを意味します。

于 2013-07-17T17:54:09.877 に答える