MutationObserver观察jQuery append的变化？

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});

- Eric

---

当您插入元素时，突变很少是正确的选择。 - adeneo

Answer 1

好的，我明白了... 我想发布这篇文章以帮助其他人避免头痛。

我还需要childList:true

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

- Eric