Ruby on Rails中的下拉菜单

Question

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

如果我想弹出一个包含“为什么要报告？”的弹出菜单，请使用下拉菜单。和一个下拉菜单，其中包含问题的原因？

Answer 1

您应该添加jQuery的轨道：https://github.com/indirect/jquery-rails 你也可以按照本教程：http://joshhuckabee.com/jquery-rails-3

Answer 2

您可以使用Twitter的引导下拉菜单。 http://twitter.github.com/bootstrap/javascript.html

下载bootstrap-dropdown.js文件并将其放置到资产文件中。 调用下拉菜单 $（'。dropdown-toggle'）。dropdown（）

还有一个关于如何使用它的演示。

Answer 3

在Rails视图模板，你需要简单的写遍历所有菜单元素：

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

，那么你需要添加一点点的CSS/JavaScript的魔法使这个名单看起来像下拉菜单。 关于该主题有大量的教程，但如上所述，更简单的方法是使用twitter-bootstrap。 http://twitter.github.com/bootstrap/javascript.html#dropdowns。 （你可以检查this gem将twitter-bootstrap包含到你的rails应用中）