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]

回答

相關問題