Jquery .on ('change') не запускает динамически добавленные элементы
Так что я'у нас есть страница со следующей структурой
Upload a new image
Link URL (Optional)
и я'мы написали некоторые JQuery таким образом:
$('div.editCampaignBanner input:file').on('change', function () {
var value = $(this).val();
var div = $(this).parent();
var html = ''+ div.html() + '';
if (value.length > 0) {
div.after(html);
}
else if ($(this) > 1) {
div.remove();
}
});
поэтому, когда я ввожу элемент в файл, он генерирует div под предыдущим:
Upload a new image
Link URL (Optional)
Upload a new image
Link URL (Optional)
Но сейчас, несмотря на то, что событие регистрируется с помощью.on()
второй файл, введенный в div, не запускает событие. Что мне не хватает?