@svm2001

Как обрабатывать событие при переключении фильтра?

Итак.
Есть фильтр товаров.
При переключении фильтра из БД аяксом подгружаются карточки товара выбранной категории товара

Мне нужно по клику на любую карточку товара добавлять класс, а по повторному клику удалять тот же класс.
При открытии первого фильтра и карточек товара все работает. А когда я переключаюсь на другой фильтр, браузер выдает ошибку, что такая переменная уже была объявлена и код не отрабатывает.

Делаю так: циклом бегаю по карточкам и переключаю класс "active"

let cardItem = document.querySelectorAll(".short-list__item");

	if (cardItem) {
		cardItem.forEach(item => {
			item.addEventListener("click", () => {
				item.classList.toggle("active");
			})
		})
	}


Подскажите, что нужно сделать, чтобы после переключения фильтра тот код, что я написал выше также отрабатывал?

633ac13ece29b680956156.png

И вот такая ошибка:
633ac15068461102848896.png
  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы