jQuery on method to monitor change in div

Question

I have a div divCoapp1 whose DOM structure can be changed using javascript or ajax calls

How can i attach an eventhandler to its content change?

I have followed this which uses bind method --> Fire jQuery event on div change

Something like this

$('body').on('DOMNodeInserted DOMNodeRemoved','#div1coApp1',function(){
                alert('Hello');
            });

But since bind is now deprecated i want to use on method. How can i do that ?

Your code is using `.on` and it is correct. – Vahe Khachikyan Mar 12 '14 at 06:45 — Vahe Khachikyan, Mar 12 '14 at 06:45
look at mutation observers – Arun P Johny Mar 12 '14 at 06:50 — Arun P Johny, Mar 12 '14 at 06:50
Can you please check the jQuery version. – Andolasoft Inc Mar 12 '14 at 06:51 — Andolasoft Inc, Mar 12 '14 at 06:51

kamesh · Answer 1 · 2014-03-12T07:38:04.197

0

Check this. I am using bind it is working perfectly for me NOTE : change your selector body to document .. Exmaple: link

 $('body').on('DOMNodeRemoved DOMNodeInserted','#rem', function(e) {
   alert("Changed");
});
$('#delete').click(function(){
$('#rem').remove();
});

$('#insert').click(function() {
   $('#rem').append("<p>kamd</p>");
});

edited Mar 12 '14 at 07:38

answered Mar 12 '14 at 07:02

kamesh

2,374
3
25
33

Question say that i do not want to use bind method since it is deprecated. – Abhishek Singh Mar 12 '14 at 07:24

jQuery on method to monitor change in div

1 Answers1