ruby on Rails 和部分动态菜单

Question

我对 Rails 还很陌生，希望获得一些帮助来使用部分实现动态菜单。

截至目前，我的代码如下：

菜单部分：

.three.columns
  %ul#nav

    %li{:class => @active_page=="about" ? "active_page" : ""}
      %a{:href => "../pages/about"} About
    %li{:class => @active_page=="careers" ? "active_page" : ""}
      %a{:href => "../pages/careers"} Careers
    %li{:class => @active_page=="contact" ? "active_page" : ""}
      %a{:href => "../pages/contact"} Contact

视图：

  html...
  = render :partial => 'shared/aboutmenu_nav'
  more html...

页面助手：

def @active_page(c) 
controller.action_name == c 
end

注意：active_page是我想传递给li 如果用户位于相应的页面上。例如，如果用户位于“联系人”页面上，则 active_page 类将仅传递给“联系人 li”元素。

我尝试了几种解决方案，包括创建多个 CSS 版本并在与页面对应的 body 上传递一个类？例如，

%body{:class => @page_name}

然后在pages_helper中定义@page_name，如下所示：

 def page_name
    @path.parameterize('_') unless @path.blank?
  end

这两个版本似乎都不起作用，因为前一个（@active_page）不会产生任何结果。同样，我无法在 body 标签上分配类——当我检查源代码时，body 标签没有任何类。

对于如何使用部分实现动态菜单的任何帮助，我将不胜感激。如果有我没有尝试过的方法，请随时告诉我。我衷心感谢您的所有帮助，也非常感谢您的宝贵时间！谢谢你！

使用 Kanadada 的解决方案。该页面在样式化菜单应出现的位置逐字显示以下文本：

<li class="">
<a href="/pages/about">About</a>
</li>
<li class="active_page">
<a href="/pages/careers">Careers</a>
</li>
<li class="">
<a href="/pages/contact">Contact</a>
</li>

如果该代码位于源代码中，那就太好了；但是，源代码似乎无法识别它...相反，源代码显示以下代码：

 <li class=""><a href="/pages/about">About</a></li><li class="active_page"><a href="/pages/careers">Careers</a></li><li class=""><a href="/pages/contact">Contact</a></li>

我怀疑它可能与 HAML 中解释 =top_menu 的方式有关？

Answer 1

将这些方法添加到 helpers/appalication_helper.rb

def active_menu?(path, path_right=request.path)
  (URI::parse(path).path == path_right) rescue false
end

def top_menu
  [
    "About",   "../pages/about", 
    "Careers", "../pages/careers", 
    "Contact", "../pages/contact"
  ].each_slice(2).map do |name, path|
    content_tag(:li, link_to(name, path), 
      :class => (active_menu?(path) ? "active_page" : ""))
  end.join('').html_safe
end

现在在您的视图中：

.three.columns
  %ul#nav
    = top_menu

注意：

使用路由助手作为路径，而不是对其进行硬编码。假设您有一个名为 PagesController 的控制器，您可以重写 top_menu 方法，如下所示：

def top_menu
  [
    "About",   about_pages_path, 
    "Careers", careers_pages_path, 
    "Contact", contact_pages_path
  ].each_slice(2).map do |name, path|
    content_tag(:li, link_to(name, path), 
      :class => (active_menu?(path) ? "active_page" : ""))
  end.join('').html_safe
end