Как удалить добавленный класс?

Question

[Alexis_D]

Доброго времени суток, добавляю класс блоку при клике на него, но в дальнейшем не могу его удалить, пробую удалить с помощью removeClass(),

$('.task-slider .inner-item').on('click', function(){
      $(this).addClass('clicked');
  });

И потом пробую его удалить

$('.close-popup').on('click', function(){
    $('.clicked').removeClass('clicked');
  });

Но не выходит, как можно решить данную проблему? Нужно чтобы удалялся класс именно при клике на close-popup
Заранее спасибо!

Comments

[DanKud]

Тот код, который вы написали, рабочий. Класс будет удаляться без проблем. Причина у вас в чем-то другом.

[alexalexes]

Если элемент .close-popup лежит внутри элемента .inner-item, то вполне возможно, что событие клика всплывает и запускаются оба обработчика событий. Проконтролируйте этот момент, выставив точки останова в коде обоих обработчиков и понаблюдайте, что происходит при клике на .close-popup.

[Alexis_D]

alexalexes, да, именно так, close-popup находится внутри inner-item, что можно сделать в данном случае?

[alexalexes]

Значит, нужно предотвратить всплытие события клика на другие обработчики. См. ответ на вопрос.

Answer 1

[alexalexes]

Скорее всего код удаления класса будет выглядеть так:

$('.close-popup').on('click', function(event){
    $('.clicked').removeClass('clicked');
    event.stopPropagation();
  });

PS: Обратите внимание на наличие дескриптора event во входном параметре обработчика события.
PPS: Справка по теме всплытие и погружение в JS.