Рубрики
JavaScript Программирование

JQuery не отслеживает элемент после обновления через AJAX

Для исправления этого я использовал след фугкцию

$('.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» элемента, скрипт уже бы не видел этот элемент.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *