Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chrome中的变异摘要未执行回调_Javascript_Jquery_Dom_Google Chrome Extension_Mutation Observers - Fatal编程技术网

Javascript Chrome中的变异摘要未执行回调

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"

我正在使用变异摘要Javascript库监视Tumblr上的DOM,并在加载新页面时创建警报。在Tumblr上,对于那些不知道的人来说,有一种“无限滚动”功能,如果用户向下滚动足够远,当前页面将自动加载下一页。使用jQuery将下一页附加到当前页

我的剧本:

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是添加到页面中的内容。再次感谢!