【问题标题】:Bootstrap dropdown menu does not show list of links when clicked引导下拉菜单单击时不显示链接列表
【发布时间】: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)

  • 更新版本

我完全有可能(很可能)遗漏了一些明显的东西,但我终其一生都无法弄清楚。任何帮助,将不胜感激。

我尝试过的链接: StackOverflow1stackOverflow2stackOverflow3stackOverflow4stackOverflow5stackoverflow6

【问题讨论】:

  • 页面上可能有其他干扰,您可以发布实时链接吗?隔离时效果很好:jsfiddle.net/bYDbL
  • 哇……好尴尬!感谢第二双眼睛!

标签: html css twitter-bootstrap


【解决方案1】:

我忽略了显而易见的事情,我错过了实际的 jquery 文件,因为 Stano 好心指出。一旦我下载它,它工作得很好。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-09-22
    • 2015-03-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-10
    • 1970-01-01
    • 2020-01-19
    相关资源
    最近更新 更多