升級後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下拉不起作用

回答

相關問題