2017-08-17 11 views
1

私はMiddlemanと一緒に作業しており、ページ上にあるかどうかに応じてアクティブなクラスをメニューナビゲーションに追加することができました。これはうまくいきますが、私はニュースの概要ページに移動するニュースリンクを持っていません(これはアクティブになります)が、もっと読むと1つのニュース投稿に移動します。これを行うと、ニュースリンクはもはやこのページにないと考えるので、これ以上アクティブではありません。Middlemanシングルニュース記事を投稿する

マイフォルダ構造がそう

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

ですが、私はいくつかの画像を提供しています。最初に概要ページが表示され、そのページにはアクテイエがハイライトされています。しかし、ニュース記事をクリックすると、次の画像でもっと見ることができますが、aktuellesはもう強調表示されていません。どうすればよいかわかりません。 config.rbのヘルパーですが、何がわかりません。

これは私がヘッダ

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

これは、ナビゲーションのために持っているものですが、私はあなたが全部を読むためにニュース記事をクリックしてくださいhrefのために持っているものです。

このリンクをクリックすると、aktuellesをアクティブにしておくためにhrefを変更する必要があると思いますか?

<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

すべてのヘルプははるかに

答えて

0

はこの打撃を与えるいただければ幸い、それは私が見つけた仲介でこれを達成するための最も簡潔な方法です:

in 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」が含まれている任意のページで、李は「アクティブになります"クラスが適用されます。

したがって、/ aktuelles、/ aktuelles/abc、/ aktuelles/123などは、すべてアクティブなクラスを適用します。

+1

魅力的に働いていただきありがとうございます – rcho

関連する問題