Как надо улучшить код jQuery, чтобы класс, который мы повесили, не пропадал после перезагрузки страницы?
393
Добрый день, у меня на странице есть несколько ненумерованных списков такого вида:

<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));
                });
            });
Ответы (5)
Сортировать по:
Написать ответ

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

Войти через TM ID
Похожие вопросы