Öğe dom öğesinden eklenen/kaldırılan öğe nasıl algılanır?

Question

jquery kullanarak bir div#parent ve append ve remove öğelerini aldığımı varsayalım. div#parent öğesinde böyle bir olayın ne zaman gerçekleştiğini nasıl algılayabilirim?

Answer 1

Kullanım Mutation Observers onun answer

kullanabilirsiniz olay DOMSubtreeModified bağlamak gerekir DOMNodeInserted ve DOMNodeRemoved

$("div#parent").on('DOMNodeInserted', function(e) { 
    console.log(e.target, ' was inserted'); 
}); 

$("div#parent").on('DOMNodeRemoved', function(e) { 
    console.log(e.target, ' was removed'); 
}); 

MDN Docs

Answer 2

You @Qantas önerdiği gibi

$("#parent").bind("DOMSubtreeModified",function(){ 
    console.log('changed'); 
}); 

http://jsfiddle.net/WQeM3/

Answer 3

DOMNodeInserted ve DOMNodeRemoved gibi mutasyon olaylarını kullanmayın.

yerine, IE10 hariç tüm modern tarayıcılarda desteklenir ve DOM Mutation Observers kullanmak düşük (Can I use). Mutasyon gözlemcilerinin, flaws in its design nedeniyle düşük performansa sahip oldukları tespit edilen mutasyon olaylarının (kullanımdan kaldırılmış) değiştirilmesi amaçlanmıştır.

var x = new MutationObserver(function (e) { 
    if (e[0].removedNodes) console.log(1); 
}); 

x.observe(document.getElementById('parent'), { childList: true });