Javascript Chrome中的变异摘要未执行回调
我正在使用变异摘要Javascript库监视Tumblr上的DOM,并在加载新页面时创建警报。在Tumblr上,对于那些不知道的人来说,有一种“无限滚动”功能,如果用户向下滚动足够远,当前页面将自动加载下一页。使用jQuery将下一页附加到当前页 我的剧本:Javascript Chrome中的变异摘要未执行回调,javascript,jquery,dom,google-chrome-extension,mutation-observers,Javascript,Jquery,Dom,Google Chrome Extension,Mutation Observers,我正在使用变异摘要Javascript库监视Tumblr上的DOM,并在加载新页面时创建警报。在Tumblr上,对于那些不知道的人来说,有一种“无限滚动”功能,如果用户向下滚动足够远,当前页面将自动加载下一页。使用jQuery将下一页附加到当前页 我的剧本: var observer = new MutationSummary({ callback: theNextPageLoaded, queries: [{ element: "#container"
var observer = new MutationSummary({
callback: theNextPageLoaded,
queries: [{
element: "#container"
}]
});
function theNextPageLoaded(summaries) {
alert("The next page loaded!");
}
出于某种原因,即使id为“container”的元素被明显更改,也不会调用回调函数,因此警报消息也不会出现。新页面不会附加到#container,而是#container的子页面或子页面。我不确定到底是什么,但这不重要,因为如果孩子被改变了,那么在这种情况下,父母也是
这里有一个简单的JSFIDLE来说明我的问题:您能写一个自包含的示例来演示这个问题吗?元素的视觉变化不一定会触发突变观察者。请记住,变异观察者是在属性修改时触发的,通常不会在属性修改时触发。您知道当div的主体或内容发生更改时,有什么方法可以让我触发类似的事件,而不仅仅是它的属性?我添加了一个JSFIDLE来说明我的意思。当我说“更改”时,我指的是div的实际显示内容。比如,从div中添加或删除内容。该fiddle将不起任何作用。是否要获得有关非节点修改的通知?使用元素选择器与突变的祖先不匹配,但与目标-/匹配。如果要将匹配限制为某个祖先,请设置
rootNode
属性-请看我现在觉得自己很愚蠢,谢谢Rob!我没有想到应该将元素选择器设置为与追加到页面的类相匹配。我将元素选择器更改为“.post\u container”,因为post\u container div是添加到页面中的内容。再次感谢!