На странице не работает скрипт после применения фильтра товаров через mSearh2.
Вопрос такой, написал скрипт который добавляет и убирает класс 'active' у кнопок. Кнопки выбора размера у товара в категории товаров.
вот он:
Так понимаю дело в ajax, может кто сталкивался с таким и знает как исправить проблему?
вот он:
let pickSizeClass = document.querySelectorAll('.pick-size-class');
pickSizeClass.forEach((item) => {
item.addEventListener('click', function (event) {
let target = event.target,
parentTarget = target.parentElement,
parentChild = parentTarget.children;
for (var i = 1; i < parentChild.length; i++) {
parentChild[i].classList.remove('active');
}
target.classList.add('active');
});
});при загрузке страницы скрипт работает, а вот после того как проводишь любые манипуляции с фильтром, например уменьшаешь верхнюю границу цен, или выбираешь фильтр по производителю, то скрипт перестает работать..Так понимаю дело в ajax, может кто сталкивался с таким и знает как исправить проблему?
Комментарии: 4
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
вам необходимо отслеживать это событие и в момент его наступления заново выполнять ваш код.