Для исправления этого я использовал след фугкцию
$('.info-sizes-row').on('click', '.form-check-input', function() {
// Делаем то что нам нужно
// $(this) это элемент '.form-check-input' по которому был сделан клие
});
Code language: JavaScript (javascript)
Постараюсь описать более подробно, как это работает
$(‘.info-sizes-row’).on — Как бы обозначает элемент за которым мы хотим следить. В моем случае элемент ‘.info-sizes-row‘ заменялся после запуска моего AJAX скрипта и ‘.on‘ отслеживает эти изменения. Далее нам нужно указать какое событие мы ожидаем, в данном случае это ‘click‘, потом определяем на каком элементе это событие должно случиться ‘.form-check-input‘, в след. значении, мы можем так же передать переменную если это необходимо, но в этом примере этого нет. И последнее мы оборачиваем это все функцией которая будет вызываться после нашего события.
Если бы мы сделали что то такое:
$('.form-check-input').click(function() {
// Делаем то что нам нужно
});
Code language: JavaScript (javascript)
Наш скрипт выполнился бы один раз, затем после обновления «.form-check-input» элемента, скрипт уже бы не видел этот элемент.