此引导按钮下拉列表不起作用.但是为什么

This bootstrap button dropdown is not working. But why?

本文关键字：为什么 不起作用 下拉列表 按钮      更新时间：2023-09-26

起初我使用的是常规html，但下拉按钮不起作用，所以我改为jsfiddle进行测试。我看到下拉菜单仍然不起作用。

这是jsfiddle：https://jsfiddle.net/ugpqxpn6/2/

<div>
<!-- Single button -->
<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>
</div>

我不明白为什么它不起作用。我看了一些类似的问题，发现也许不包括jquery是我的问题，所以我添加了它，但它似乎仍然出现故障。有人可以帮忙吗？

这是一个使用 bootstrap.min.js 和 jquery.min 的工作小提琴

https://jsfiddle.net/nrgxh5rr/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

按键盘上的 F12 查看开发人员控制台，您遇到 Javascript 错误：

错误：Bootstrap 的 JavaScript 需要 jQuery

确保在引导的 js 文件之前包含 jQuery。

相关文章：