Bootstrap 下拉菜单在 Ruby on Rails 中不起作用答案

【问题标题】：Bootstrap dropdown not working in Ruby on RailsBootstrap 下拉菜单在 Ruby on Rails 中不起作用
【发布时间】：2015-11-25 18:07:20
【问题描述】：

我正在尝试让引导下拉菜单在我的 Ruby on Rails 应用导航栏中工作。

我包含了正确的 javascript 文件。s

代码如下：

<div class="dropdown-toggle" data-toggle=>"dropdown"><%= link_to current_user.first_name, profileshow_path(current_user)%></div>
                    <ul class="dropdown-menu">
                       <li><%= link_to "Account Settings", edit_user_registration_path%></li>
                       <li><%= link_to "Your Profile", profileshow_path(current_user) %></li>
                       <li class='last'><%= link_to "Logout", destroy_user_session_path, :method => :delete %></li>
                    </ul>





<script>
$('.dropdown-toggle').dropdown()
</script>

【问题讨论】：

从data-toggle=>"dropdown" 中删除>。它只是 HTML 中的 data-toggle="dropdown"。
@spickermann 没有任何区别。

标签： javascript css ruby-on-rails ruby twitter-bootstrap

【解决方案1】：

我以前没有使用过 Bootstrap，但是看着 Docs 中的示例，我觉得你的嵌套不正确。

请尝试：

<div class="dropdown">
  <%= link_to(profileshow_path(current_user),
              :class => 'btn btn-default dropdown-toggle',
              :data  => { :toggle => 'dropdown' }) do %>
    <%= current_user.first_name %>
    <span class="caret"></span>
  <% end %>
  <ul class="dropdown-menu">
    <li>
      <%= link_to("Account Settings", edit_user_registration_path) %>
    </li>
    <li>
      <%= link_to("Your Profile", profileshow_path(current_user)) %>
    </li>
    <li>
      <%= link_to("Logout", destroy_user_session_path, :method => :delete) %>
    </li>
  </ul>
</div>

<script>
  $('.dropdown-toggle').dropdown()
</script>

【讨论】：

【解决方案2】：

尝试添加这些脚本元素。取出：

<script>
  $('.dropdown-toggle').dropdown()
</script>

并替换为：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

【讨论】：