中间人单篇新闻文章添加活动类到导航答案

【问题标题】：Middleman single news post add active class to navigation中间人单篇新闻文章添加活动类到导航
【发布时间】：2017-08-17 11:00:29
【问题描述】：

我正在与 Middleman 合作，我已经能够向菜单导航添加一个活动类，具体取决于您是否在页面上。所以这很好用，但不是我在导航中有一个新闻链接，可以将您带到新闻概述页面（这会变为活动状态），但我有一个阅读更多内容可以将您带到单个新闻帖子。当它这样做时，新闻链接不再处于活动状态，因为它认为它不再在此页面上。

我的文件夹结构是

aktuelles
  - index.html.erb (overview of all news articles)
  - kuendigungsschutz-fuer-geschaeftsfuehrer (single news article)
    - index.html.erb

所以，我提供了一些图片。首先显示概述页面，因为我们在那个页面上，所以 aktuelles 是突出显示的。但是，当您单击新闻文章阅读更多内容时，您可以在下一张图片中看到，aktuelles 不再突出显示，我希望它不知道如何执行此操作。 config.rb 中的助手，但不确定是什么。

这就是我在标题中导航的内容

<li>
    <a class="<%= is_page_selected("/aktuelles/") %>" 
       href="/aktuelles">Aktuelles</a>
</li>

当您单击新闻文章阅读全文时，这就是我所拥有的 a href。

我猜想在单击此链接时需要更改此 href 中的某些内容以使 aktuelles 保持活动状态？

<a class="teaser container" href="kuendigungsschutz-bei-kleinbetrieben-im-falle-einer-regelmasigen-beschaeftigung-von-leiharbeitnehmern">
    <sup>10.11.2015</sup>
    <h5 class="teaser__title mart-1">Kündigungsschutz bei Kleinbetrieben im 
        Falle einer regelmäßigen Beschäftigung von Leiharbeitnehmern
    </h5>
    <p>Arbeitnehmer haben nur dann Kündigungsschutz, wenn deren 
       Arbeitsverhältnis länger als 6 Monate besteht und der Arbeitgeber in der 
       Regel mehr als 10 vollzeitbeschäftigte Arbeitnehmer beschäftigt.
    </p>
    <p class="teaser__link">weiterlesen</p>
</a>

news article overview

single news article

任何帮助将不胜感激

【问题讨论】：

标签： navigation blogs middleman article

【解决方案1】：

试一试，这是我发现的使用 Middleman 实现这一目标的最简洁方法：

在 config.rb 中：

helpers do
  def active_navigation(page)
    current_page.url.include?(page) ? "active" : ''
  end
end

在您的模板中，只需定义您要检查的路径：

<ul>
  <li class="<%= active_navigation("/aktuelles") %>">
   <%= link_to_page 'Aktuelles', '/aktuelles' %>
  </li>
</ul>

现在，在 URL 路径包含“/aktuelles”的任何页面上，li 将应用一个“活动”类。

因此，/aktuelles、/aktuelles/abc、/aktuelles/123 等都会导致应用活动类。

【讨论】：