rails 3.2 bootstrap下拉菜单

Hap*_*ing 0 ruby-on-rails twitter-bootstrap drop-down-menu

如果我点击我的下拉菜单,没有任何事情发生......

这里有一些代码行:

应用程序/资产/ JavaScript的/ 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 %>
Run Code Online (Sandbox Code Playgroud)

应用程序/视图/布局/ _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>
Run Code Online (Sandbox Code Playgroud)

Ily*_*kov 5

更新:似乎bootstrap-sassgem版本2.0.0提供了使用过时$.browser属性的Twitter Bootstrap .所以将它更新到最新版本(2.2.2就像现在一样).

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

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .
Run Code Online (Sandbox Code Playgroud)

**重要的是遵循顺序〜

// = require_tree.是最后需要的东西.