whiteworking
@whiteworking
¯\_(ツ)_/¯

Как подсветить пункт в меню когда я на странице его потомка?

Есть навбар
<ul class="sidebar-nav sidebar-nav-icons">
  <li><a href='/'><i></i>bla bla</a></li>
  <li><a href="Shipments"><i></i>bla bla</a></li>
</ul>

На странице Shipments есть ссылка на следующую страницу 'Shipments/Shipment' и когда я на ней нахожусь, я хочу чтобы Shipment в главном меню оставался подсвеченым.
Мой js который подсвечивает лишь главную страницу и Shipments:
$(function () {
                    var url = window.location.href;
                    $(".sidebar-nav-icons a").each(function () {
                        if (url == (this.href)) {
                            $(this).closest("li").addClass("active");
                        }
                    });
                });
  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Kirill-Gorelov
С ума с IT
Мне кажется вы класс не правильно задаете.
https://jsfiddle.net/gorelov/f4co742r/
Я тут переправил. Там только пути переправите и будет готово.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Сбер Санкт-Петербург
от 250 000 ₽
NewGen Vision Санкт-Петербург
от 30 000 до 60 000 ₽
Сбер Москва
от 200 000 ₽