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中的下拉菜单不起作用

回答

相关问题