2014-12-10 3 views
0

Я застрял в создании вкладок nav, чтобы отслеживать, что активно, и как все-таки визуализировать новый вид.Rails bootstrap nav вкладки активны при рендеринге с помощью результата

Вот пример моей разметки. Включено только одно содержимое вкладки для иллюстративных целей.

<div class="col-xs-12"> 
    <ul class="nav nav-tabs"> 
    <li role="presentation" class="active"><%= link_to "Your Events", '#your-events', data: {toggle: "tab"} %></li> 
    <li role="presentation" class=""><%= link_to "Join Events", '#join-events', data: {toggle: "tab"} %></li> 
    <li role="presentation" class=""><%= link_to "Create Event", '#create-event', data: {toggle: "tab"} %></li> 

</div> 

<div class="tab-content"> 
    <div class="tab-pane active" id="your-events"> 
    <ul class="nav nav-pills"> 
     <li role="presentation" class="active" id="upcoming"><%= link_to "Upcoming Events", upcoming_events_path %></li> 
     <li role="presentation" id="past"><%= link_to "Past Events", past_events_path %></li> 
    </ul> 

    <%= yield :section %> 

    </div> 

Так что сейчас я могу зайти на вкладку, чтобы разоблачить вкладку. Но когда я нажимаю на что-то еще. например активное участие в «Предстоящие события и нажать кнопку„Прошедшие события“, как используют как JavaScript и ссылку на том же пространстве, чтобы сместить active к #past при загрузке содержимого из past_events_path

+1

вы делаете жесткое обновление, когда вы нажимаете на ссылку для класса 'past_events_path'? Если да, то вы могли бы написать вспомогательный метод, который заполняет в классе, т. е. ' = "<% = 'active', если controller.action == 'past'%>" –

ответ

Смежные вопросы