ruby-on-rails - rails 3.2 引导下拉菜单

Question

如果我点击我的下拉菜单，什么都没有发生......

这里有几行代码：

应用程序/资产/javascripts/application.js

//= require bootstrap
//= require jquery
//= require jquery_ujs
//= require_tree .

应用程序/视图/布局/application.html.erb

<%= stylesheet_link_tag    "application", media: "all" %> 
<%= javascript_include_tag "application", media: "all" %>
<%= csrf_meta_tags %>
<%= favicon_link_tag %>

应用程序/视图/布局/_header.html.erb

<header class="navbar navbar-fixed-top">
<div class="navbar-inner">
  <div class="container">
    <%= link_to "Something", root_path, id: "logo" %>
    <ul class="nav pull-right noline">
      <li><%= link_to "Docs",  '/home' %></li>
        <% if user_signed_in? %>
          <li id="fat-menu" class="dropdown bold">
            <a href="#fat-menu" class="dropdown-toggle" data-toggle="dropdown">
              <%= current_user.username %><b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
              <li><%= link_to "Settings", edit_user_registration_path %></li>
              <li class="divider"></li>
              <li>
                <%= link_to "Logout", destroy_user_session_path %>
              </li>
            </ul>
          </li>
        <% end %>
      </ul>
    </div>
  </div>
</header>

Answer 1

更新：似乎bootstrap-sass版本中的 gem2.0.0提供了使用过时$.browser属性的 Twitter Bootstrap。因此将其更新到最新版本（2.2.2目前为止）。

将指令的顺序更改为application.js：

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .

**重要的是按照顺序~

//= 要求树。是最后一件事。

Answer 2

试试这个：

jQuery(document).ready(function($) {
  $('.dropdown-toggle').dropdown();
});

Answer 3

您是否尝试过包含以下内容：

<%= javascript_include_tag "jquery" %>
<%= javascript_include_tag "jquery.min" %>
<%= javascript_include_tag "jquery-ui" %>

我无法确定，但如果不是，请尝试包含这些文件。确保它们位于asset/javascript 文件夹中

我的意思是这只是一个示例，您也可以将它们包含application.js在内

Answer 4

我有一个类似的问题。通过更改我使用的引导程序版本来修复它 - >

宝石'bootstrap-sass'，'2.3.1.0'

Answer 5

我回答了一个类似的问题，下拉菜单也没有触发，但这只发生在我自己身上。

<a href="#" ,class="dropdown-toggle" ,data-toggle="dropdown">

是的，这只是一个语法错误。我以前没有在我的作品中使用过 HTML 语言。

wtf。

<a href="#" class="dropdown-toggle" data-toggle="dropdown">

Emmm，如果你也阅读了 Micheal Heart 的 Rails 教程书，并通过其他问题的解决方案修改了代码，那么，将它们转换为原始代码。