下拉不起作用（Twitter引导）

你好，我只是想问我在哪里错了。我有按钮使用twitter bootstrap下拉，但我无法解决它。请看我的代码。我只是在twitter引导新。我也尝试在bootstrap网站上搜索它，但我无法解决它。下拉不起作用（Twitter引导）

<!DOCTYPE> 
<html> 
<head> 
    <meta charset="utf-8"/> 
    <title></title> 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script type="text/javascript" src="../../assets/js/bootstrap-dropdown.js"></script> 
    <script type="text/javascript" src="../../assets/js/bootstrap-min.js"></script> 

    <link href="../../assets/css/bootstrap.css" rel="stylesheet" type="text/css"> 
    <link href="../../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('.dropdown-toggle').dropdown(); 
     }); 
    </script> 
</head> 
<body> 
    <div class="dropdown"> 
     <ul class="dropdown"> 
     <a data-target="#" data-toggle="dropdown" class="dropdown-toggle btn" href="#">Dropdown menu here... 
      <b class="caret"></b> 
     </a> 
      <ul class="dropdown-menu"> 
       <li><a href="/app/1">Item A</a></li> 
       <li><a href="/app/2">Item B</a></li> 
       <li><a href="/app/3">Item C</a></li> 
      </ul> 
     </ul> 
    </div> 
</body> 
</html>

来源

2014-04-02 Jayson Lacson

您的代码有很多错误。请查看Bootstrap文档以了解如何实施下拉菜单。当您只需要缩小的文件时，您还会加载两个Bootstrap CSS文件。另外你正在加载一个旧版本的jQuery。当你真的只需要缩小的Bootstrap JS时，你也加载dropdown.js。最后你的HTML格式不正确。 UL唯一有效的孩子是LI。我会假设你正在使用Bootstrap的最新版本？这里是链接到下拉菜单的文档：http://getbootstrap.com/javascript/#dropdowns –

谢谢你现在的作品 –

很酷，我会加我的答复作为答案，你可以接受的时候可能。 –

他们是没有必要添加dropdown.js因为ü已经添加bootstap.min.js

HTML

<div class="dropdown"> 
    <ul class="dropdown"> 
    <a data-target="#" data-toggle="dropdown" class="dropdown-toggle btn" href="#">Dropdown menu here... 
     <b class="caret"></b> 
    </a> 
     <ul class="dropdown-menu"> 
      <li><a href="/app/1">Item A</a></li> 
      <li><a href="/app/2">Item B</a></li> 
      <li><a href="/app/3">Item C</a></li> 
     </ul> 
    </ul> 
</div> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="../../assets/js/bootstrap-min.js"></script>

$(document).ready(function() { 
     $('.dropdown-toggle').dropdown(); 
    });

入住这jsFiddle

来源

2014-04-02 09:54:07

你的代码有很多错误。请查看Bootstrap文档以了解如何实施下拉菜单。当您只需要缩小的文件时，您还会加载两个Bootstrap CSS文件。另外你正在加载一个旧版本的jQuery。当你真的只需要缩小的Bootstrap JS时，你也加载dropdown.js。最后你的HTML格式不正确。 UL唯一有效的孩子是LI。我会假设你正在使用Bootstrap的最新版本？下面是链接到文档的下拉菜单：getbootstrap.com/javascript/#dropdowns -

来源

2014-04-02 10:38:41

下拉不起作用（Twitter引导）

回答

相关问题