我正在为 Rails 使用 Bootstrap-Dropdown 菜单,但目前它无法正常工作。当我点击下 zipper 接时,它会在 url 中添加一个“#”,其他没有任何变化。
“_header.html.erb”
<% if signed_in? %>
<li><%= link_to "Device", '/devices' %></li>
<li><%= link_to "Users", users_path %></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", edit_user_path(current_user) %></li>
<li class="divider"></li>
<li>
<%= link_to "Sign out", signout_path, method: "delete" %>
</li>
</ul>
</li>
<% else %>
<li><%= link_to "Sign in", signin_path %></li>
<% end %>
应用程序.js
//= require bootstrap
//= require bootstrap-dropdown
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
应用程序.html.erb
<head>
<title><%= full_title(yield(:title)) %></title>
<%= javascript_include_tag "https://js.stripe.com/v1/" %>
<%= stylesheet_link_tag "application", media: "all",
"data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
<%= csrf_meta_tags %>
<%= render 'layouts/shim' %>
</head>
最佳答案
Bootstrap 需要 jQuery,因此您可能需要 jQuery 在加载顺序上领先于 Bootstrap。您也不需要单独包含 bootstrap-dropdown:
改变
//= require bootstrap
//= require bootstrap-dropdown
//= require jquery
//= require jquery_ujs
到
//= require jquery
//= require jquery_ujs
//= require bootstrap
关于javascript - Bootstrap-Dropdown 无法正常工作 [RAILS],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21668427/