Jak ustawić klase active w aktualnie przeglądanej zakładce menu

Question

Kochani,

Chciałbym się was zapytać o sposób w jaki mógłbym zrealizować menu na mojej stronce. Prosta sprawa potrzebuję ustawić bootstrapowa klase active dla elementu który przeglądam.

Aktualnie próbuje w jQuery ale efekt nie jest taki jaki bym chciał bo po kliknięciu klasa jest ustawiana a jak strona się załaduje klasa znika bo js tego nigdzie nie przechowuje. Trzeba to zrobić po stronie serwera ? Kodze w Symfony 3.4.9

$(document).ready(function(){
                $(".top-nav").on("click", function () {
                    var active = $(".active");
                    active.removeClass("active");
                    $(this).addClass("active");
                });
            });

 

Comments

Czy każda podstrona to osobny html?

---

Dzięki za szybką odpowiedź.

Tak, z podziałem na dziedziczenie w twigu i blokami

---

Za pomocą jquery

Answer 1

Możesz to zrobić zarówno po stronę serwera jak i po stronie przeglądarki.
 

Po stronie przeglądarki musisz wykonać swój skrypt po wczytaniu się strony (zdarzenia onready lub onload).

w evencie musisz w pętli przelecieć po wszystkich linkach i porównać ich atrybut href z window.location który ma zapisany adres strony na której sie znajdujesz.