下拉不起作用（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引導）

回答

相關問題