Ruby on Rails中的下拉菜单

Question

%p{style: "float: right;"}
= link_to "Report", blog_post, method: :Report, confirm: 'Why do you want to report?'

How to use a drop down menu if I want to have a pop up containing "Why do you want to report?" and a drop down menu containing the reasons under the question?

Answer 1

您应该添加jquery-rails： https : //github.com/indirect/jquery-rails也可以按照以下教程进行操作： http : //joshhuckabee.com/jquery-rails-3

Answer 2

You may use twitter bootstrap drop down menus. http://twitter.github.com/bootstrap/javascript.html

Download the bootstrap-dropdown.js file and put it your assets file. Call dropdown by $('.dropdown-toggle').dropdown()

There is also a demo about how to use that.

Answer 3

In Rails view template, you need simply write iteration over menu-elements:

<ul class="dropdown-menu">
  <% @menu_items.each do |item| %>
    <li><a href="#"><%= item.title %></a></li>
  <% end %>
</ul>

then you need to add a little css/javascript magic to make this list looks like drop-down menu. There's a plenty of tutorials about that topic, but much easier way, as was noted above, is simply to use twitter-bootstrap. http://twitter.github.com/bootstrap/javascript.html#dropdowns . (you may check this gem to include twitter-bootstrap into your rails app)