0

Добрый день, у меня на странице есть несколько ненумерованных списков такого вида:

<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));
                });
            });
4
  • 5
    вот вы уже давно этим занимаетесь, ну почему бы не взять и не изучить самые основы веб программирования? Короткий ответ - никак ваш код сгенерен на сервере, вот в нем class active и добавляйте. можете конечно еще в local storage/куках хранить активный элемент (как нить его пометить там или что...)
    – zb'
    7 мая 2014 в 8:10
  • >вот вы уже давно этим занимаетесь, ну почему бы не взять и не изучить самые основы веб программирования? а зачем учиться, если можно спросить?)
    – DreamChild
    7 мая 2014 в 8:16
  • @eicto Ответ никак - не правильный. Написал решение проблемы ниже... Так что Вы зря минусовали...
    – spoilt
    7 мая 2014 в 8:44
  • @eprivalov1 у вас в вопросе нет url в href, в случае url конечно можно так.
    – zb'
    7 мая 2014 в 19:32

1 ответ 1

1

Решил проблему:

$(document).ready(function() {
                $('a[href="' + this.location.pathname + '"]').parent().addClass('active');
             });
1
  • 1
    а можно было еще напрямую в css заинжектить, вот это был бы шик
    – etki
    7 мая 2014 в 8:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.