Rails 应用程序中的当前页面类

Question

我的 Rails 应用中有简单的导航栏（Home、News、Contact 等）。我需要定义当前页面以添加:class => 'active'。我发现定义当前页面的解决方案很少。我什至创建了自己的版本。但所有这些都归结为一个：

<li class=<%= current_page?(tratata) ? "active" : nil %>...</li>

如何将此解决方案应用于所有<li> - elements，但不是每次都写这个？

Answer 1

这不是最好的方法，但会给你一些关于拉动当前控制器和动作的想法。

您可以查看https://github.com/weppos/tabs_on_rails，了解有关如何使其代码更简洁的更多想法。但这需要更多的设置。您将创建一个 tabs_tag 函数来检查当前页面并执行不同的样式。就个人而言，我并不太在意这个宝石，而是更喜欢以自己的方式设计我的页面。

<%= tabs_tag do |tab| %>
  <%= tab.home      'Homepage', root_path %>
  <%= tab.dashboard 'Dashboard', dashboard_path %>
  <%= tab.account   'Account', account_path %>
<% end %>

if "#{controller.controller_name.to_s}.#{controller.action_name.to_s}" == "pages.index"
  <li class='active'>
else
  <li>
end

或使用辅助方法

def current_page(page,action)
  if controller.controller_name.to_s == page && controller.action_name.to_s == action
    'active'
  else
    'not_active'
 end
end

在你看来

<li class="<%= current_page('pages','index') %>">

Answer 2

执行此操作的一种方法是检查用户所在的页面是否与他们正在访问的控制器的名称匹配（您也可以将控制器名称/操作名称组合起来以获得额外的特异性）。

application_helper

def nav_helper(arg)
  controller_name == arg ? "current" : ""
end

查看

<li class="<%= nav_helper('about') %>">
  <a href="#">A link</a>
</li>

编辑：

糟糕，我在您编辑问题之前写了这篇文章。要将其添加到所有 'li' 标记，请使用另一个使用 content_tag 的助手并将 nav_helper 方法放入其中。