Question

代码：

<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

任何人都知道为什么？

谢谢！

Answer 1

试试这个：

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

Answer 2

没有你的css代码我们无法理解你的问题。但正如我所看到的，您data属性已正确使用，但您是否正确链接了javascript个文件？

"bootsrtap.js" and "Your jquery File"

第二件事就是关注你的javascript应用代码。 bootsrtap导航菜单的应用代码是：

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

尝试修改您的文件代码，我认为这会对您有帮助^ _ ^

始终显示bootstrap下拉菜单

2 个答案: