ruby-on-rails - 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-rails を追加する必要があります: https://github.com/indirect/jquery-rails また、このチュートリアルに従うこともできます: http://joshhuckabee.com/jquery-rails-3

Answer 2

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 . (この gemをチェックして、twitter-bootstrap を Rails アプリに含めることができます)

Answer 3

Twitter ブートストラップ ドロップダウン メニューを使用できます。 http://twitter.github.com/bootstrap/javascript.html

bootstrap-dropdown.js ファイルをダウンロードして、アセット ファイルに配置します。$('.dropdown-toggle').dropdown() でドロップダウンを呼び出す

それを使用する方法についてのデモもあります。