javascript - MutationObserver 观察 jquery 追加？

Question

以下代码适用于页面加载，但当我使用 jquery.append() 将元素 (div) 插入 DOM 时它永远不会触发

有什么方法可以在添加元素时使用 MutationObserver 进行捕捉？

这是我的代码

MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
var observer = new MutationObserver(function(mutations, observer){
     mutations.forEach(function(mutation) {
          if($(mutation.target).length > 0){
               if($(mutation.target).prop('tagName').toLowerCase() === 'img'){
                    console.log('IMG ADDED', $(mutation.target));   
               }
           }   
     });        
});
observer.observe(document,{subtree:true, attributes:true, characterData:true});

Answer 1

好吧，我想通了...以为我会发帖来避免让别人头疼..

我还需要 childList:true

observer.observe(document,{childList:true, subtree:true, attributes:true, characterData:true});