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

132

11 декабря 2019, 15:20

$('.header-submenu__list  ul.ul-list > li').on('click',function(){
    $(this).children('.h-dropdown').addClass('active')
  })
  $('.h-dropdown__prev').on('click',function(){
    $(this).parent('.h-dropdown').removeClass('active')
  })

Проблема в том что .h-dropdown__prev находится в .header-submenu__list ul.ul-list > li и когда мне требуется убрать класс, он удаляет и потом заново добавляет потому что срабатывает опять первое события. Как можно сделать что бы данного конфликта не было

Answer 1

Попробуйте остановить распространение события

$('.h-dropdown__prev').on('click',function(event) {
    event.stopImmediatePropagation();
    $(this).parent('.h-dropdown').removeClass('active');
});