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應用中）