мой 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;
}
Простой
