Следите за изменениями jquery

Question

Как я могу наблюдать за изменениями HTML. У меня есть одна кнопка, которая добавит больше html, когда я сохраняю данные с помощью ajax, ajax не будет смотреть / читать добавленный html.

Как и сейчас, когда я нажимаю сохранить, новый HTML не обрабатывается.

$("#more_column").click(function(e){
     $(col).after('<div class"class"></div>.......')
});

Я добавляю этот html, этот добавленный html не будет обрабатываться ajax позже. Как заставить ajax или jquery наблюдать за изменениями в html? Любая идея ?

Я видел также варианты с Vue.js, если есть какие-либо примеры, пожалуйста, поделитесь.

Answer 1

Вы можете сделать это. Вы должны добавить свой обратный вызов AJAX.

$.ajax({
    method: "POST",
    url: "data.php",
    data: { key: "id", value: "1234" }
}).done(( data ) => {
    $(col).after(`<div class"class">${data}</div>`)
});

ссылка: http://api.jquery.com/jquery.ajax/