На мой взгляд, у меня есть bootstrap вкладка
<nav>
<div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
<a class="nav-item nav-link <%= 'active' if $employee_tab == 1 %>" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Πιστώσεις</a>
<a class="nav-item nav-link <%= 'active' if $employee_tab == 2 %>" id="nav-stamp-tab" data-toggle="tab" href="#nav-stamp" role="tab" aria-controls="nav-stamp" aria-selected="false">Ένσημα</a>
<a class="nav-item nav-link <%= 'active' if $employee_tab == 3 %>" id="nav-payment-tab" data-toggle="tab" href="#nav-payment" role="tab" aria-controls="nav-payment" aria-selected="false">Πληρωμές</a>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade <%= 'show active' if $employee_tab == 1 %>" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
<%= render partial: "credits/credits" %>
</div>
<div class="tab-pane fade<%= 'show active' if $employee_tab == 2 %>" id="nav-stamp" role="tabpanel" aria-labelledby="nav-stamp-tab">
<%= render partial: "stamps/stamps" %>
</div>
<div class="tab-pane fade <%= 'show active' if $employee_tab == 3 %>" id="nav-payment" role="tabpanel" aria-labelledby="nav-payment-tab">
<%= render partial: "payments/payments" %>
</div>
</div>
Я хочу добавить функцию «запоминать» и показывать последнюю выбранную вкладку каждый раз при обновлении страницы. Для этого я подумал об использовании глобальной переменной ($ employee_tab), чтобы определить, будут ли назначены классы «active» и «show active».
Как можно обновить переменную $ employee_tab при нажатии на вкладку?