注意变化jQuery

Question

How can i watch for html changes. I have one button witch will add more html, when im saving the data with ajax, ajax won't watch/read the added html.

As it is now when i click save the new html is not processed.

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

I append this html, this html appended won't be processed with the ajax later. How to make the ajax or jquery watch for html changes? Any idea ?

I have seen also alternatives with Vue.js if there are any examples please share.

Answer 1

You can do this. you have to add your ajax success callback.

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

reference: http://api.jquery.com/jquery.ajax/