無法獲得twitter bootstrap導航欄的工作？

我已經瀏覽了一大堆教程，並且在這裏閱讀了一堆關於問題的答案。我無法弄清楚發生了什麼事。我按順序鏈接到bootstrap.css，bootstrap-responsive.css，bootstrap.js，jquery和bootstrap-dropdown.js。當我點擊頁面源代碼中的每一個時，它顯示正確。然而，當我點擊下拉菜單時，沒有任何反應。這裏的HTML代碼爲：無法獲得twitter bootstrap導航欄的工作？

<!--begin bootstrap navbar--> 
<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
     <div class="container"> 
      <ul class="nav"> 
       <li><a href="/signup/index">Sign Up</a></li> 
       <li class="dropdown"> 
        <a href="/signup/index" class="dropdown-toggle" data-toggle="dropdown">Login<b class="caret"></b></a> 
        <ul class="dropdown-menu"> 
         <li><a href="/mypage">my page</a></li> 
        </ul> 
       </li> 
      </ul> 
     </div> 
    </div> 
</div> 
<!--/end bootstrap navbar-->

如果任何人有任何想法，讓我知道。

來源

2012-07-22 Scott Fink

你有沒有在線失敗的例子？你可以用jsfiddle.net或jsbin.com來說明問題嗎？ – Chris 2012-07-22 03:20:40

您應該只鏈接任何bootstrap.js或bootstrap-dropdown.js。顯然，它可能會造成一些衝突，因爲這是我必須改變的唯一事情。不過，我以前沒有做過這樣的事情。

來源

2012-07-24 15:18:20

一個非常普遍的問題是您加載javascript文件的順序。您必須在引導JavaScript文件之前加載jquery。 CSS文件順序無關緊要。

編輯

它工作時，我複製粘貼你的代碼，並在此行中，從「/註冊/指數」，以「＃」改爲在href ...

<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Login<b class="caret"></b></a>

見... enter image description here

引導菜單通過單擊（而不是懸停）進行激活，並且如果鏈接實際導致某處，它將跳過刪除菜單並導航。

來源

2012-07-22 03:20:24 Theo

我改變了順序，結果相同。它只是鏈接到/註冊/索引。 – 2012-07-22 03:22:53

不知道那時是什麼問題。這是讓我瘋狂 – 2012-07-22 03:41:29

嗯，我只是將該文件移動到我的CodeIgniter設置之外，它工作。我想知道那是什麼原因？ – 2012-07-22 03:44:23

我有一個類似的問題，其中navbar下拉列表不會反應，當我點擊它。我試圖在我的設計中採用http://twitter.github.io/bootstrap/examples/starter-template.html。

最終缺少jquery.js的問題。

這是尋找jquery.js的一段代碼。

<!-- Placed at the end of the document so the pages load faster --> 
<script src="../assets/js/jquery.js"></script> 
<script src="../assets/js/bootstrap-transition.js"></script> 
<script src="../assets/js/bootstrap-alert.js"></script>

在我將缺少的jquery.js複製到正確的文件夾後，一切正常。

來源

2013-04-23 23:49:00

引導導航酒吧模板與陣營：

類似問題與下拉移動視圖不會一下下拉down..Just缺少的行我從W3C了.. AJAX失蹤：

Reference____ https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar_collapse&stacked=h

下面的代碼進去你的HTML標題

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

來源

2017-05-04 19:21:11

無法獲得twitter bootstrap導航欄的工作？

回答

相關問題