1

私はたくさんのチュートリアルを読み、ここで質問に対するたくさんの答えを読みました。何が起こっているのか理解できません。bootstrap.css、bootstrap-sensitive.css、bootstrap.js、jquery、bootstrap-dropdown.jsの順にリンクしています。ページソースからそれぞれをクリックすると、正しく表示されます。ただし、ドロップダウンをクリックしても何も起こりません。そのためのhtmlコードは次のとおりです。

<!--begin bootstrap navbar-->
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <ul class="nav">
                <li><a href="/signup/index">Sign Up</a></li>
                <li class="dropdown">
                    <a href="/signup/index" class="dropdown-toggle" data-toggle="dropdown">Login<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                         <li><a href="/mypage">my page</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--/end bootstrap navbar-->

誰かアイデアがあれば教えてください。

4

4 に答える 4

4

非常に一般的な問題は、javascriptファイルをロードする順序です。javascriptファイルをブートストラップする前にjqueryをロードする必要があります。CSSファイルの順序は重要ではありません。

編集

コードをコピーして貼り付け、この行のhrefを「/ signup / index」から「#」に変更すると機能しました...

<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Login<b class="caret"></b></a>

見る... ここに画像の説明を入力してください

ブートストラップメニューは(ホバーするのではなく)クリックするだけでアクティブになり、リンクが実際にどこかにつながる場合は、メニューのドロップダウンをスキップして代わりにナビゲートします。

于 2012-07-22T03:20:24.373 に答える
1

bootstrap.js または bootstrap-dropdown.js のいずれかのみをリンクする必要があります。どうやら、これは私が変更しなければならなかった唯一のものであるため、いくつかの競合が発生する可能性があります。ただし、以前は問題なくこれを実行しました。

于 2012-07-24T15:18:20.517 に答える
1

同様の問題があり、クリックしてもナビゲーションバーのドロップダウンが反応しませんでした。http://twitter.github.io/bootstrap/examples/starter-template.htmlを自分のデザインに採用しようとしていました。

最終的に、jquery.js が見つからない問題です。

jquery.js を探すコードは次のとおりです。

<!-- Placed at the end of the document so the pages load faster -->
<script src="../assets/js/jquery.js"></script>
<script src="../assets/js/bootstrap-transition.js"></script>
<script src="../assets/js/bootstrap-alert.js"></script>

不足している jquery.js を適切なフォルダーにコピーした後、すべてが正常に機能しました。

于 2013-04-23T23:49:00.430 に答える