boostrap中的下拉菜單不起作用

我的菜單中有一個下拉菜單，用於使用boostrap創建的網站，下拉菜單似乎不起作用。我使用的自舉2.3.2下面是我的下拉代碼：boostrap中的下拉菜單不起作用

<li class="dropdown"> 
 
\t <a href="#" class="dropdown-toggle" data-toggle="dropdown">Art</a> 
 
\t <ul class="dropdown-menu" role="menu"> 
 
\t \t <li><a href="UploadArt.aspx">Upload Art</a></li> 
 
\t \t <li><a href="SearchForArt.aspx">Search For Art</a></li> 
 
\t </ul> 
 
</li>

而做的一點點研究後，我讀過的.js文件的順序。 CSS和jQuery鏈接可能會有影響。這是目前的訂單我有他們在，也許這個順序是什麼原因造成的問題：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <link href="Styles/css/bootstrap.min.css" rel="stylesheet"> 
 
\t <link href="Styles/css/NewStrap.css" rel="Stylesheet" /> 
 
\t <script src="Styles/js/bootstrap.min.js"></script>

來源

2017-08-30 Zaif

「不工作」是什麼意思？ – Mikkel

好吧，我發現了什麼是錯誤的。 Bootstrap 2.3.2與JQuery 3.0和更高版本不兼容。使用JQuery 1.9修復了這些問題。

來源

2017-10-29 03:48:36 Zaif

1，負載CSS首先，把你的CSS在<head></head>標籤

第二中，</body>

例如前負載JS：

<!-- load all css first --> 
 
<link href="https://maxcdn.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" /> 
 

 

 

 
<li class="dropdown"> 
 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Art</a> 
 
    <ul class="dropdown-menu" role="menu"> 
 
    <li><a href="UploadArt.aspx">Upload Art</a></li> 
 
    <li><a href="SearchForArt.aspx">Search For Art</a></li> 
 
    </ul> 
 
</li> 
 

 

 
<!-- put all js before </body> tag --> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>

來源

2017-08-30 21:01:38

它沒有工作，下拉菜單仍未顯示。目前我的順序是：css，jquery，boostrap js，全部在head標籤中。 – Zaif

哦，我發現什麼是錯的。 Boostrap 2.3.2與我使用的新版jquery不兼容。使用Jquery 1.9修復了它。 – Zaif

boostrap中的下拉菜單不起作用

回答

相關問題