我正在使用 Mutation-summary Javascript 库来监控 Tumblr 上的 DOM,并在加载新页面时创建警报。在 Tumblr 上,对于那些不知道的人,有一种“无限滚动”功能,如果用户向下滚动足够远,当前页面将自动加载下一页。下一页使用 jQuery 附加到当前页面。
我的脚本:
var observer = new MutationSummary({
callback: theNextPageLoaded,
queries: [{
element: "#container"
}]
});
function theNextPageLoaded(summaries) {
alert("The next page loaded!");
}
出于某种原因,即使标识为“容器”的元素被明显更改,回调函数也不会被调用,因此警报消息也不会出现。新页面未附加到#container,而是#container 的子或孙。我不确定到底是什么,但这不重要,好像孩子被改变了,那么在这种情况下父母也是如此。
这是一个简单的 JSFiddle 说明我的问题:http: //jsfiddle.net/jcZ84/