Fatal编程技术网

Twitter bootstrap 引导下拉菜单不工作，仅显示按钮

twitter-bootstrap drop-down-menu path

Twitter bootstrap 引导下拉菜单不工作，仅显示按钮,twitter-bootstrap,drop-down-menu,path,Twitter Bootstrap,Drop Down Menu,Path,我已经看到了这方面的几个主题，但我仍然无法让它工作。下拉列表的按钮显示正确，但当我单击它以显示下拉列表时，它会将我指向无法显示的页面 这是我的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- Set the viewport so this responsive site displays correctly on mobile de

我已经看到了这方面的几个主题，但我仍然无法让它工作。下拉列表的按钮显示正确，但当我单击它以显示下拉列表时，它会将我指向无法显示的页面

这是我的代码：

<!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>
到

但我想使用静态路径，而不是位于在线的源。我还检查了路径是否正确，因为我可以使用相同的路径进行另一个引导教程。提前谢谢

本地jQuery的版本是2.1.0。你从谷歌网站得到的版本是1.11.1

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

其余部分仅供参考

我的重点是：

jQuery2.x与jQuery1.x具有相同的API，但不支持InternetExplorer6、7或8

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

有关其他详细信息，请参见

谢谢您的回复！我下载了jQuery的1.11.x版本，下拉菜单可以工作，但只能在chrome中使用。当我在IE上本地打开同一个文件时，发生了相同的错误，无法显示此页面。我的IE版本是11.0.x。这很奇怪，因为这两个版本都应该支持IE11。IE阻止了任何脚本，所以我更改了该设置并正常工作，感谢您的帮助： 
<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>