升级后引导下拉菜单不起作用答案

【问题标题】：Bootstrap Dropdown doesn't work after upgrade升级后引导下拉菜单不起作用
【发布时间】：2015-01-02 20:09:27
【问题描述】：

我试图将我的引导程序版本从 3.1.0 更新到当前最新的 3.3.0。但我注意到升级后我的下拉菜单不再工作了。出于某种原因，javascript 不会使用 .dropdown-toggle css 类获取元素。

但是当我进入 chrome javascript 控制台并执行以下命令时：

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

我注意到下拉菜单确实有效。我比较了这个命令之前和之后的菜单的html，它保持不变。

我还查看了 bootstrap 的发行说明，可以找到有关下拉菜单的任何重大更改。这是我的代码示例：

<ul>
  <li class="dropdown">
    <a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#">Customers</a>
  </li>
</ul>
<ul aria-labelledby="dLabel" class="dropdown-menu" role="menu">
  <li>
    <a href="/company">Overview</a>
  </li>
  <li>
    <a href="/company/customer_form">Customer form</a>
  </li>
</ul>

有人给点小费吗？

【问题讨论】：

控制台出现任何错误？
@fsi 控制台没有错误

标签： javascript html twitter-bootstrap drop-down-menu

【解决方案1】：

工作得很好，唯一需要做的就是使用最新的 Jquery 这是工作小提琴

http://jsfiddle.net/2qWy8/22/

<ul class="nav navbar-nav navbar-right">
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
</ul>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

【讨论】：