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>

它只是不起作用，任何人都可以看到它有什么问题吗？

4

3 回答 3

12

您指的是错误的 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，因此请确保它不是缺少 JS 文件之上的 RoR 问题。

于 2013-10-19T20:40:11.317 回答
1

我对引导下拉菜单（在导轨中）有同样的问题。我通过删除 //= require_tree 解决了这个问题。来自 application.js。并得到了工作。

于 2016-01-25T18:53:29.247 回答
0

将您的 jquery 主文件更新为 1.11.0 并仅使用bootstrap.min.js bootstrap.min.css and jquery main file

于 2014-12-03T08:06:54.393 回答