Почему не срабатывает событие onclick?

Question

[jobin]

Пытаюсь связать два счетчика дабы они работали синхронно. Проблема в том, что при добавлении в корзину и нажатии в ней на "плюс" или "минус" счётчики не меняются, т.е. событие не происходит, хотя HTML у них точно такой же как и у тех что в каталоге. При добавлении строк "$(`.counterPlus`).on("click", plus)" и "$(`.counterMinus`).on("click", minus)" внутрь функции добавляющей элементы в корзину событие начинает улавливаться, но тогда оно начинает срабатывать дважды/трижды/четырежды/... (в зависимости от того сколько раз функция "добавить в корзину" была вызвана). ЧЯДНТ?

HTML: https://pastebin.com/vwgMAajA
CSS: https://pastebin.com/bRTvcQcA
JS: https://pastebin.com/evjM5Fm9

Comments

[Шохрух Шаймардонов]

ЧЯДНТ

Для начала, неверно вопрос составляете. Где код? На кофейной гуще гадать?

[jobin]

Шохрух Шаймардонов, всмысле где код? Я же оставил ссылки на пастебин.

[Шохрух Шаймардонов]

jobin, сорян. Видать не заметил

[jobin]

Шохрух Шаймардонов, забыл в пасте js написать сам массив (он в отдельном файле), исправил

Answer 1

[Alex]

Попробуйте так:
$('body').on("click", '.counterPlus', plus)

Comments

[jobin]

Да, спасибо, всё заработало.

[Alex]

jobin, Но лучше вешать обработчик не на body а на элемент поближе к вашим кнопкам. Чем ближе тем лучше для производительности