Question

我正在使用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>

当你点击新闻文章阅读整篇文章时，这就是我对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

非常感谢任何帮助

Answer 1

给出一个镜头，这是我发现的最简洁的方法来实现这个：

在config.rb中：

[-1.0, -1.0, -1.0, 2.0]
null
null
null
null
null
null
null
null
null
null

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

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

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

所以，/ aktuelles，/ aktuelles / abc，/ aktuelles / 123等等都将导致应用一个活跃的类。

中间人单一新闻帖添加活动类导航

1 个答案: