多级菜单,活动链接css突出显示。 (Ruby on Rails)

时间:2010-05-09 15:35:04

标签: ruby-on-rails css menu helper

网站结构:

/
/products
/products/design
/products/photo
/about

当孩子活跃时,我希望看到父菜单项也由CSS突出显示。

(当'design'或'photo'处于活动状态时''产品'也应该突出显示。)

我正在将它用于儿童和简单的网址:

<li class="<%= current_page?(:action => 'design') %>">
    <%= link_to_unless_current 'Design', :design %>
</li>

对于'产品'检查应该是:

<%= current_page?(:action => 'products') ||
current_page?(:action => 'design') %> ||
current_page?(:action => 'photo') %>

但是三倍||是不对的,而且变得复杂了。

我看到了一个帮手,就像这个:

def current(childs)
  if current_page?(:action => childs) 
  @container = "active"
  else
  @container = "inactive"
  end
end

使用者:<%= current(:photo) %>

那么,如何将我的所有3张支票放入“产品”,“设计”,“照片”中??

并且可以使用类似<%= current(:products, :design, :photo) %>

的内容

1 个答案:

答案 0 :(得分:1)

我不会重新创建方向盘并使用像Rails menu-builder这样的simple-navigation gem /插件。

这是demo of navigation and styling.