0

コード:

<nav class='secondary-nav container'>
  <ul>
    <li><a href="#">Customer Care</a></li>
    <li class='dropdown'>
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Home
      <b class='caret'></b>
      </a>
      <ul class='dropdown-menu'>
        <li>
          <a href="#">Google</a>
        </li>
      </ul>
    </li>
    <li><a href="/sign_out">Sign Out</a></li>
  </ul>
</nav>

jQuery、bootstrap-dropdown.js、bootstrap.css が含まれています。jQueryはすべての前に含まれています。

デフォルトでは、ドロップダウン メニューは、マウス クリックまたはリスト要素上でのホバーの前に表示されます。

スクリーンショット - http://cl.ly/image/41122D2Z3R38

理由を知っている人はいますか?

ありがとう!

4

2 に答える 2

1

これを試して :

$('.dropdown-toggle').dropdown();
于 2014-03-01T19:08:39.403 に答える
0

あなたのCSSコードがなければ、私たちはあなたの問題を理解できません。しかし、ご覧のとおり、属性は正しく使用されていますが、ファイルを正しくdataリンクしていますか?javascript

"bootsrtap.js" and "Your jquery File"

2 つ目は、コードを適用する JavaScript に注意してください。bootsrtap のナビゲーション メニューの適用コードは次のとおりです。

$('.dropdown-toggle').dropdown();

ファイルコードを修正してみてください。これが役立つと思います ^_^

于 2013-11-20T16:31:17.100 に答える