【发布时间】:2013-07-13 20:56:22
【问题描述】:
我知道这是许多人一直在努力解决的常见问题(我在下面列出了类似的问题)。单击时,我无法获得显示其内容的下拉菜单。我正在尝试使用引导程序。
<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 上有很多类似的问题,但没有一个标记的答案对我有用。
我尝试过(多种组合):
跟随引导组件页面:bootstrap components
确保以正确的顺序导入 js 文件(jquery.js 然后 bootstrap.js)
删除重复项(删除 bootstrap-dropdown.js,因为我已经有 bootstrap.js)
更新版本
我完全有可能(很可能)遗漏了一些明显的东西,但我终其一生都无法弄清楚。任何帮助,将不胜感激。
我尝试过的链接: StackOverflow1、stackOverflow2、stackOverflow3、stackOverflow4、stackOverflow5、stackoverflow6
【问题讨论】:
-
页面上可能有其他干扰,您可以发布实时链接吗?隔离时效果很好:jsfiddle.net/bYDbL
-
哇……好尴尬!感谢第二双眼睛!
标签: html css twitter-bootstrap