Задать вопрос
@Enter_a_nickname
javascript

Почему не получается присвоить класс current к пункту меню?

мой html:
<aside>
        <div class="menu">
            <a href="{% url 'home' %}" class="home">
                <img class="home-img" src="{% static 'main/img/home.svg' %}">
                <span class="navigation_label">Home</span>
            </a><br>
            <a href="{% url 'orders' %}" class="orders">
                <img class="orders-img" src="{% static 'main/img/orders.svg' %}">
                <span class="navigation_label">Orders</span>
            </a><br>
            <a href="{% url 'account' %}" class="Account">
                <span class="navigation_label">Account</span>
            </a><br>
        </div>
    </aside>


В таком случае мой jquery выглядит так?
let url = location.href;

  if (url.slice(-1) == '/') url = url.slice(0, -1);
  $($('#menu a').children().get().reverse()).each(function() {
    let link = $(this).children('a').first().attr('href');
    if (link.slice(-1) == '/') link = link.slice(0, -1);

    if (link && url.indexOf(link) === 0) {
      $(this).addClass('current');

      self.current = true;
    }
  });


Где ошибся? при добавлении в css ничего не меняется:
.current{
  background: red;
}
  • Вопрос задан
  • 54 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Senbonzakuraa
@Senbonzakuraa
Начинаю начинать 
const itemMenu = $('#menu a');
const url = location.pathname;
itemMenu.each(function (el) {
  if($(this).attr('href') === url) {
    $(this).addClass('current')
  }
})
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо принять 3 звонка и получить консультацию по Жилому комплекс
24 апр. 2024, в 11:47
450 руб./за проект
Доработка самописного сайта PHP + MySQL + JS (сегодня)
24 апр. 2024, в 11:40
3000 руб./за проект
Заполнение сайта на WordPress
24 апр. 2024, в 11:31
1000 руб./за проект
Ещё заказы