Question

我已经看过几个主题，但我仍然无法让它发挥作用。下拉按钮显示正确，但当我单击它以显示下拉列表时，它会指示我“此页面无法显示”。

这是我的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <!-- Set the viewport so this responsive site displays correctly on mobile devices -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 3 Responsive Design Tutorial | RevillWeb.com</title>

    <!-- Include bootstrap CSS -->
    <link href="includes/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="includes/style.css" rel="stylesheet">

</head>
<body>
    <!-- BODY PAGE CONTENT -->
<div class="dropdown">
    <a id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
    Dropdown <span class="caret"></span>
    </a>

    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
        <li> Apple </li>
        <li> Banana </li>
        <li> Cherry </li>
    </ul>
</div>

<!-- Include jQuery and bootstrap JS plugins -->
<script src="includes/jquery/jquery-2.1.0.min.js"></script>
<script src="includes/bootstrap/js/bootstrap.min.js"></script>

</body>
</html>

我修改了这个：

<script src="includes/jquery/jquery-2.1.0.min.js"></script>
<script src="includes/bootstrap/js/bootstrap.min.js"></script>

到

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

但我想使用静态路径而不是在线的源。此外，我检查了路径是否正确，因为我能够使用相同的路径执行另一个引导教程。提前谢谢！

Answer 1

本地 jQuery的版本为 2.1.0 。您从Google网站获得的版本为 1.11.1 。

下载最新的1.11.x版本并在本地使用。这将使您的设置与您成功测试的设置相同。

其余的是 FYI

来自jQuery site（我强调）：

jQuery 2.x与jQuery 1.x具有相同的API，但不支持Internet Explorer 6,7或8 。

由于IE 8仍然比较常见，我们建议使用1.x版，除非您确定没有IE 6/7/8用户访问该网站。

有关其他详细信息，请参阅jQuery 1.11 and 2.1 Released

Bootstrap下拉菜单不起作用，仅显示按钮

1 个答案: