Bootstrap3：下拉菜单

Question

我正在使用 Bootstrap 3.0.0 创建网站 一切都很好，只是下拉菜单不起作用。 在文件的头部，我做出了这样的声明：

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet">

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />

<link href="http://fonts.googleapis.com/css?family=Abel|Open+Sans:400,600" rel="stylesheet" />

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/dropdown.js"></script>

那里缺少什么？

html 应该是正确的：

<li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown-example<span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#link-1">link 1</a></li>
          <li><a href="#link-2">link 2</a></li>
          <li><a href="#link-3">link 3</a></li>
          <li><a href="#link-4">link 3</a></li>
        </ul>
      </li>

有人知道怎么做吗？

Answer 1

在Bootstrap.js之前链接到您的外部javascript文件jquery.js。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/dropdown.js"></script>

您需要在使用之前加载 jQuery。

Answer 2

我不确定，但这个脚本可能应该包含在 html 文档的末尾

<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/dropdown.js"></script>

你也包含了 jQuery 吗？ Bootstrap 插件依赖于此。

Answer 3

只需关闭链接到 bootstrap.css 的标签。您问题的代码中缺少最后一个尖括号之前的“/”。 <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet" />