Question

我认为代码不应该有任何错误，因为我已经几次将它与视频教程进行了比较。但是，下拉菜单仍然无法正常工作。它必须是文件目录或路径的错误。请帮帮我。

  <!DOCTYPE html>
   <html>
   <head>
      <title>Dropdowns</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body>

    <div class="container">
        <div class="dropdown">
            <button class="btn dropdown-toggle" type="button" id="dd-menu" data-toggle="dropdown">
                Dropdown <span class="caret"></span>
            </button>

            <ul class="dropdown-menu" role="menu">
                <li role="presentation"><a href="#" role="menuitem" tabindex="-1">Dropdown</a></li>
                <li role="presentation"><a href="#" role="menuitem" tabindex="-1">Grid system</a></li>
                <li role="presentation"><a href="#" role="menuitem" tabindex="-1">Buttons and Icon</a></li>
                <li role="presentation"><a href="#" role="menuitem" tabindex="-1">Form control</a></li>
            </ul>
        </div>
    </div>


    <!--latest compiled and minified javascript-->
    <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="bootstrap-3.2.0-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="bootstrap-3.2.0-dist/css/bootstrap.min.css" media="screen">

   </body>
   </html>

这是我的文件路径的屏幕截图。

我的屏幕输出有下拉按钮，但只能点击没有功能。 enter image description here

Answer 1

您的jquery路径错误：取代

<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>

要

<script type="text/javascript" src="/js/jquery-1.11.0.min.js"></script>

Answer 2

调用jquery的脚本标记的路径出错。

对于您提供的＆＃34; js＆＃34;与html文档位于同一文件夹中的文件夹，正确的脚本标记为：

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>

在html文档中使用相对路径的示例：

<script src="../js/jquery.js"></script> <!-- means "look one folder above this folder for the 'js' folder" -->
<script src="js/jquery.js"></script> <!-- means "look for the 'js' folder inside this folder. -->
<script src="/js/jquery.js"></script> <!-- means "look for the js folder in the server root". -->

进一步阅读：

下拉引导菜单

2 个答案: