引导程序下拉菜单

user3066033 发表于 Dev

用户名

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

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

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

我的屏幕输出显示了下拉按钮，但只能单击而没有任何功能。在此处输入图片说明

鲍勃

脚本标签调用jquery的路径中有错误。

对于示例，您在与html文档相同的文件夹中提供了“ js”文件夹，正确的脚本标记是：

<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". -->

进一步阅读：