현재 페이지 및 하위 페이지의 탐색 표시기

Question

비슷한 질문에 대한 답을 찾았지만 정확히 내 문제를 찾을 수 없으며 다른 방법을 적절하게 변경하는 방법을 찾지 못합니다.

저는 2 개의 메인 섹션이있는 간단한 레일 3 앱을 쓰고 있습니다. 하나는 Students라고하고 다른 하나는 iConnect라고 불리며 각 페이지마다 여러 페이지가 있습니다. 클릭 할 때이 섹션 중 하나의 첫 번째 레코드로 이동하여 탐색을 허용하는 간단한 탐색 모음이 있습니다. 이 클릭은 또한 CSS의 색상 세트가있는 클래스를 설정하여 현재 사용중인 섹션을 나타냅니다. 그러나이 링크는 한 번만 클릭하면 작동합니다. 예를 들어 하위 페이지 중 하나를 탐색하면 students/2 수업은 분명히 거기에 없으며 시각적 표시가 없습니다.

내 질문에 사용자가 학생이든 iConnects이든 상관없이 내비게이션에 영구 클래스를 어떻게 추가해야합니까?

나는 상당히 새로운 오전

<div id="section_navigation"> 
    <%= link_to 'iConnect', @iconnects.first, :class => current_page?(@iconnects.first) ? "current" : "" %> 
    <%= link_to 'Students', @pages.first, :class => current_page?(@pages.first) ? "current" : "" %> 
</div> 

그리고 학생들 show.html.erb

<%= render :partial => 'shared/navigation' %> 

에서

.. 내가이 코드에 당기는하고 어떤 공유에 별도의 부분이 레일과 이렇게 자신을 어떻게 해야할지 생각할 수 없다. 그리고 나는 백엔드 산출물이 이것에 대한 올바른 접근법임을 알기 때문에 Javascript 방식으로 그것을 할 충동에 저항하고있다.

어떤 힌트 나 요령도 환영합니다. 시간 내 주셔서 감사합니다 ...

Answer 1

같은 것을 사용하십시오. simple-navigation