使用引导程序的下拉菜单答案

【问题标题】：Dropdown menu using bootstrap使用引导程序的下拉菜单
【发布时间】：2018-02-08 16:46:24
【问题描述】：

我的菜单中有一个使用引导程序创建的网站的下拉菜单，但该下拉菜单似乎不起作用。我正在使用 Bootstrap 2.3.2 下面是我的下拉菜单的代码：

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

在做了一些研究之后，我了解到 .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">
	<link href="Styles/css/NewStrap.css" rel="Stylesheet" />
	<script src="Styles/js/bootstrap.min.js"></script>

【问题讨论】：

“不起作用”是什么意思？

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

【解决方案1】：

好的，我发现出了什么问题。 Bootstrap 2.3.2 与 JQuery 3.0 及更高版本不兼容。使用 JQuery 1.9 解决了这些问题。

【讨论】：

【解决方案2】：

1st，先加载css，把你的css放到<head></head>标签中

2、在</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>

【讨论】：

它不起作用，下拉菜单仍然没有显示。目前我的顺序是：css、jquery、boostrap js，都在head标签里。
哦，我发现出了什么问题。 Boostrap 2.3.2 与我使用的新版 jquery 不兼容。使用 Jquery 1.9 修复了它。