自举导航栏下拉错误

我正在尝试在我的网站上使用自举导航栏。我想要一个下拉框，但是当我点击下拉菜单时，它什么都不做。我相信早些时候我有这个问题或类似的东西，它需要我使用JavaScript，但我还没有尝试过这样的事情。自举导航栏下拉错误

这里是我的代码：

     <li class="dropdown"> 
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Options <span class="caret"></span></a> 
          <ul class="dropdown-menu" role="menu"> 
           <li><a href="#">Action</a></li> 
           <li><a href="#">Another action</a></li> 
           <li><a href="#">Something else here</a></li> 
           <li class="divider"></li> 
           <li><a href="#">Separated link</a></li> 
          </ul> 
         <!--       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Options <span class="caret"></span></a> 
                <ul class="dropdown-menu" role="menu"> 
                 <li><a href="#">Action</a></li> 
                 <li><a href="#">Another action</a></li> 
                 <li><a href="#">Something else here</a></li> 
                 <li class="divider"></li> 
                 <li><a href="#">Separated link</a></li> 
                </ul>--> 
        </li>

来源

2015-02-07 mttprvst13

已包含的JavaScript引导到页面？ – 2015-02-07 14:42:02

是的，我有。该链接虽然在我的脑海中，也感谢你的快速响应。 – mttprvst13 2015-02-07 14:44:34

这为我工作

<html> 
<head> 

    <title>Bootstrap 101 Template</title> 
    <!-- Bootstrap --> 
    <link href="Content/bootstrap.min.css" rel="stylesheet"> 
    <link href="Content/bootstrap-theme.min.css" rel="stylesheet"> 

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="Scripts/jquery-2.1.3.min.js"></script> 

    <script src="Scripts/bootstrap.min.js"></script> 
</head> 
<body> 
    <div class="container"> 
     <div class="row"> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Options <span class="caret"></span></a> 
       <ul class="dropdown-menu" role="menu"> 
        <li><a href="#">Action</a></li> 
        <li><a href="#">Another action</a></li> 
        <li><a href="#">Something else here</a></li> 
        <li class="divider"></li> 
        <li><a href="#">Separated link</a></li> 
       </ul> 
      </li> 
     </div> 
    </div> 
    <footer class="container"> 
     ... 
    </footer> 
</body> 
</html>

来源

2015-02-07 14:58:27 CheGueVerra

非常感谢！这工作！我不知道发生了什么，但我只是改变了我的链接，它的工作！再次感谢！ – mttprvst13 2015-02-07 15:03:57

为了解决这个问题，我为所有引导代码创建了一个基本模板，在那里我只需粘贴我想要在div class = row下测试的代码 – CheGueVerra 2015-02-07 15:06:29

你需要你的jquery.min.js文件在你的代码后加载bootstrap.min.js。如果您不加载JavaScript文件，则脚本中的所有效果都将无法访问。

来源

2015-02-07 14:44:11

我有联系，这里的文件是代码我在头：

 <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <script src="//code.jquery.com/jquery-1.9.1.min.js"></script> 
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css"> 
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script>

来源

2015-02-07 14:46:30 mttprvst13

我投了票，所以你可以在将来编辑你的问题 – CheGueVerra 2015-02-07 14:50:55

为什么你有两个jquery.min，js，两个bootstrap.min.css – CheGueVerra 2015-02-07 15:00:00

自举导航栏下拉错误

回答

相关问题