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

在jquery.js之前链接到您的外部JavaScript文件Bootstrap.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的标记即可。＆＃34; /＆＃34;在问题代码中缺少最后一个尖括号之前。 <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet" />

Bootstrap3：下拉菜单

3 个答案: