Bootstrap-Dropdown无法运行[RAILS]

我正在使用Bootstrap-Dropdown菜单进行导轨操作，但目前它无法运行。当我点击下拉链接时，它会为网址添加一个'＃'，而其他内容都不会改变。Bootstrap-Dropdown无法运行[RAILS]

“_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 %>

的application.js

//= require bootstrap 
//= require bootstrap-dropdown 
//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require_tree .

application.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>

来源

2014-02-10 Marcus

的解决办法是从列表中删除bootstrap，只是保持bootstrap-dropdown

//= require bootstrap-dropdown 
//= require jquery 
//= require jquery_ujs

现在作品

来源

2014-02-11 22:16:09 Marcus

引导需要jQuery的，所以可能你需要jQuery在加载顺序中位于Bootstrap之前。你也不需要包括单独的引导，下拉菜单：

变化

//= require bootstrap 
//= require bootstrap-dropdown 
//= require jquery 
//= require jquery_ujs

到

//= require jquery 
//= require jquery_ujs 
//= require bootstrap

来源

2014-02-10 08:21:26 tyler

没有工作。任何其他想法 – Marcus

看到我更新的答案 – tyler

Bootstrap-Dropdown无法运行[RAILS]

回答

相关问题