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 %>
应用程序/视图/布局/ _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>
更新:似乎bootstrap-sassgem版本2.0.0提供了使用过时$.browser属性的Twitter Bootstrap .所以将它更新到最新版本(2.2.2就像现在一样).
将指令的顺序更改为application.js:
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .
**重要的是遵循顺序〜
// = require_tree.是最后需要的东西.