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)
更新:似乎bootstrap-sass
gem版本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.是最后需要的东西.