1

TwitterBootstrapがインストールされたRailsアプリがあります。Bootstrapは、次のように、各ナビゲーションバーリンクをHTMLリスト要素にカプセル化します。

<ul class="nav">
    <li><a href="#home">Home</a></li>
    <li><a href="#products">Products</a></li>
    <li><a href="#settings">Settings</a></li>
</ul>

リンクが現在のページである場合、Bootstrapでは、次のように、リスト要素のクラス(リンク自体ではない)を「アクティブ」に設定することで、リンクを強調表示できます。

    <li class="active"><a href="#products">Products</a></li>

私の質問は、Railsを使用してプログラムでリスト要素のクラスを「アクティブ」(現在のページの場合)に設定するにはどうすればよいですか?

リンクに対してどのように実行できるかを知っています。例:

<%= link_to "Products", products_path, :class => "active" if current_page?(:controller => "products") %>

しかし、親リスト要素に対してどのように実行できるかわかりません。

4

1 に答える 1

2

content_tagヘルパーを使用します:

<%= content_tag :li, :class => 'active' do %>
  List item contents
<% end %>
于 2012-07-20T03:41:25.897 に答える