<ul>
<li><a href="">Ссылка1</a></li>
<li><a href="">Ссылка2</a></li>
<li><a href="">Ссылка3</a></li>
<li><a href="">Ссылка4</a></li>
<li><a href="">Ссылка5</a></li>
</ul>
При нажатии на ссылку я проверяю с помощью jQuery есть ли у элемента li class active, если нет, то вешаю его.
Но проблема в том, что при нажатии на ссылку класс вещается на li, сразу же идет перезагрузка страницы, так как в li лежит тег a и естественно класс active пропадает. Как надо улучшить код jQuery, чтобы класс не пропадал после перезагрузки страницы?
Вот jQuery код:
$(function() {
$("ul li").on('click', function(e){
var $this = $(this);
if(!$this.hasClass('active')){
$this.addClass("active");
}
console.log($(this));
});
});