jquery через on не видит данные загруженные через ajax

206

11 апреля 2018, 07:22

Добрый день, загружаю форму через ajax, навешиваю к примеру на input id='test'

$('#test').on('click', function(){
alert('Тест');
});

но событие не срабатывает, в консоли ошибок нет.

Не могу понять почему так?

Answer 1

Потому что когда выполняется

$('#test').on('click', ...

элемента c id="test" еще нет в дереве страницы, и выборка $('#test') - пустая. Вам надо использовать делегирование:

$(document).on('click', '#test', function...

где обработчик навешивается на что-то определенно существующее, а элемент с id="test" может появиться внутри этого существующего позднее.

ТОП-10

На сайте есть контент, которые обновляется по фильтрам (выбрал чекбокс - перезагрузка контента по аяксу)В контенте есть ссылки на попап-карты

271