Bootstrap导航栏下拉菜单无法使用

Question

Bootstrap导航栏下拉菜单无法使用

3

我正在尝试使用Twitter 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>

它只是不工作，有人能看到有什么问题吗？

- Cristiano

3个回答

1

我在使用bootstrap下拉菜单时遇到了相同的问题（在rails中）。通过从application.js中删除//= require_tree .来解决了这个问题。然后它就能正常工作了。

- Ravi Kumar SIngh

0

将您的jquery主文件更新为1.11.0，仅使用bootstrap.min.js bootstrap.min.css和jquery主文件

- Imtiaz Pabel

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Leon · Accepted Answer

您引用了错误的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>

您可以在这里阅读有关此内容的详细信息：这里

在<ul>类定义中，添加您要使用的相关nav：

<ul class="nav nav-tabs">

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

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

根据您的评论，您也可以直接链接至bootstrap-dropdown.js，但无论如何，您都需要包含bootstrap css和js（我也更新了这个代码示例）：https://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap-dropdown.js

请查看代码示例

另外 - 我发现您使用的是RoR，请确保不是RoR的问题导致JS文件丢失。