引导下拉菜单答案

【问题标题】：Bootstrap Dropdown引导下拉菜单
【发布时间】：2015-11-23 11:05:21
【问题描述】：

我无法将此引导下拉代码设置为“下拉”。

我在 MEAN（角度 js）环境中运行它。

html 可以完美运行，但它没有“下拉”元素。

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown">Change Customer<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#!">Customer</a></li>
<li><a href="#!">Customer</a></li>
<li><a href="#!">Customer</a></li> 
</ul>
</li>

为什么不显示下拉功能？

【问题讨论】：

您是否包含了引导 javascript？我不是 100% 确定，但认为这是必要的
你是使用原始的 Bootstrap JS 代码（使用 jQuery），还是 UI Bootstrap，将 JS 代码重写为 Angular 指令？
当我使用 Bootstrap 时，我写了这个小要点作为指南，请查看 gist。一般来说，你错过了包含 bootstrap .js 文件，你还需要 jquery。

标签： javascript angularjs twitter-bootstrap

【解决方案1】：

这是因为你没有包含 Bootstrap javascript

将其添加到正文部分的末尾

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

【讨论】：

【解决方案2】：

尝试检查文件中是否包含您需要的所有内容。

在你的 html 中应该有这个（如果你使用 CDN）：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>

代码来源显然是here。

最佳做法是将其放在 html 文件的末尾以减少加载时间。

【讨论】：