这似乎很简单,但我无法弄清楚。出于某种原因,单击下拉菜单不起作用,但 twitter bootstrap 中的其他所有内容都是。我在轨道上使用红宝石。我已经看过 stackoverflow 问题,这些问题说只需将整个 ul 包装在一个带有“下拉菜单”类的 div 中,但这不是必需的。我应该能够在 ul 标签内做到这一点。有任何想法吗?谢谢你。
<li id="fat-menu" class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Account <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><%= link_to "Profile", current_user %></li>
<li><%=link_to "Settings", '#' %></li>
<li class="divider"></li>
<li>
<%= link_to "Sign out", signout_path, method: "delete" %>
</li>
</ul>
</li>
这是我认为问题所在的主要代码。它可能在下面的某个地方(与上面相同,但取出较少)但我对此表示怀疑:
<ul class="nav pull-right">
<li><%= link_to "Home", root_path %></li>
<li><%= link_to "Help", help_path %></li>
<% if signed_in? %>
<li><%= link_to "Users", '#' %></li>
<li id="fat-menu" class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Account <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><%= link_to "Profile", current_user %></li>
<li><%=link_to "Settings", '#' %></li>
<li class="divider"></li>
<li>
<%= link_to "Sign out", signout_path, method: "delete" %>
</li>
</ul>
</li>
<%= "Technically signed in. should be true. It is: " + signed_in?.to_s %>
<% else %>
<%= "Technically not signed in. should be false. It is: " + signed_in?.to_s %>
<li><%= link_to "Sign in", signin_path %></li>
<% end %>
</ul>
这是 application.js 文件
//= require bootstrap
//= require bootstrap-dropdown
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .