我知道这是许多人一直在努力解决的一个常见问题(我在下面列出了类似的问题)。单击时,我无法获得显示其内容的下拉菜单。我正在尝试使用引导程序。
<link href="css/bootstrap.css" rel="stylesheet">
...
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Courses <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="pages/office.html">Office Hours</a></li>
</ul>
</li>
...
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
stackoverflow 上有很多类似的问题,但没有一个标记的答案对我有用。
我尝试过(多种组合):
在引导组件页面之后:引导组件
确保 js 文件以正确的顺序导入(jquery.js 然后 bootstrap.js)
删除重复项(删除 bootstrap-dropdown.js,因为我已经有了 bootstrap.js)
更新版本
我完全有可能(很可能)遗漏了一些明显的东西,但我终其一生都无法弄清楚。任何帮助,将不胜感激。
我试过的链接: StackOverflow1,stackOverflow2,stackOverflow3,stackOverflow4,stackOverflow5,stackoverflow6