javascript - 事件项目菜单 RoR

Question

如何获得事件项目菜单？循环生成菜单

<ul id="menu">  
  <% for page in Page.roots %>  
    <li><%= link_to h(page.name), page %></li>    
  <% end %>
  </ul> 

我想为这个项目使用其他 css 属性。有任何想法吗？最好是js,jquery...

Answer 1

link_to_unless_current 将链接包装到 a 标签中，除非链接是当前页面(仅显示没有 a 标签的文本) .通过一些 CSS 技巧，您可以将其变成不同的外观。我通常使用这种方法:

<ul id="menu"><%= Page.roots.map do |page|
  content_tag :li, link_to_unless_current(h(page.name), page)
end %></ul>

和以下 CSS:

ul#menu li { ...current/selected appearance... }
ul#menu li a { ...linked/normal appearance... }