css - 引导下拉菜单始终显示

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();

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