Bootstrap導航欄下拉不起作用

所以我試圖讓導航欄中的下拉菜單從Twitter Bootstrap起作用，而且我遇到了一些問題。Bootstrap導航欄下拉不起作用

這裏是我的html：

<ul class="nav"> 
    <li class="active"><%= link_to 'Home', root_path %></li> 
    <li><a href="#">Forums</a></li> 
    <li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">World</a> 
    <ul class="dropdown-menu"> 
     <li><%= link_to 'Current', current_path %></li> 
     <li><%= link_to 'All', all_path %></li> 
    </ul> 
    </li> 
</ul>

而且我也有這個在<head>：

<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>

它只是不工作，任何人都可以看到什麼錯呢？

來源

2013-10-19 Cristiano

您指的是錯誤的JS文件。

相反，你用你的<script>標籤，使用以下命令：

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

你可以閱讀一下here

在<ul>類的定義，添加相關nav你想使用：

<ul class="nav nav-tabs">

----------------------------- ^^

或 <ul class="nav nav-pills">

你可以也可以直接鏈接到引導-dropdown.js通過按您的評論，但無論如何你需要引導CSS和JS包括（我也更新了小提琴）： https://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap-dropdown.js

見fiddle

另外 - 我看到你使用RoR，所以確保它不是在缺少的JS文件之上的RoR問題。

來源

2013-10-19 20:40:11 Leon

好吧，現在js文件不是404'ing，這很好。但它仍然沒有工作，還有其他想法？ – Cristiano

我已經編輯了包含JSFiddle的答案，並且我也更改了HTML，請誠實地看到上面的 – Leon

，我不想要nav-tabs或nav-pills，而我實際需要的鏈接是bootstrap-dropdown.js – Cristiano

更新您的jQuery主文件到1.11.0 只有使用bootstrap.min.js bootstrap.min.css and jquery main file

來源

2014-12-03 08:06:54

我有一個自舉下拉列表（在軌）同樣的問題。我通過刪除// = require_tree來解決該問題。 from application.js。並得到了工作。

來源

2016-01-25 18:53:29

Bootstrap導航欄下拉不起作用

回答

相關問題