升级后Bootstrap下拉不起作用

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

但是当我潜入铬JavaScript控制台，并执行以下命令：

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

我注意到，在下拉菜单中的做的工作。我比较了该命令前后菜单的html，并保持不变。

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

<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>

有没有人得到提示？

来源

2014-11-06 Niels

从控制台的任何错误？ – fsi 2014-11-06 11:17:27

@fsi控制台中没有错误 – Niels 2014-11-06 11:48:32

工作得很好，只是你必须做的事情是使用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>

来源

2014-11-06 11:17:30

升级后Bootstrap下拉不起作用

回答

相关问题