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

111
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');
});
READ ALSO
jQuery изменение динамических элементов

jQuery изменение динамических элементов

Есть ссылки в которые данные подгружаются из БД:

125
Вывод меню по столбцам

Вывод меню по столбцам

Всем привет есть такая врестка

100
Как сделать такой же эффект с текстом на jquery или на javascript

Как сделать такой же эффект с текстом на jquery или на javascript

Есть сайт я хочу такой же эффект с текстом получить https://wwwmvrdv

147