2017-08-17 61 views
1

我正在與Middleman合作,並且我已經能夠向菜單導航添加活動類,具體取決於您是否在頁面上。所以這工作正常,但不是我有一個新聞鏈接在導航,這將您帶到新聞概覽頁面(這將變成活動),但我有一個閱讀更多,將您帶到一個單一的新聞。當它這樣做時,新聞鏈接不再活動,因爲它認爲它不在此頁面上了。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

任何幫助,將不勝感激

回答

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