Javascript 无限滚动运行后调用函数时出现问题
我使用Wordpress的无限滚动插件,当用户滚动到页面底部时,将新帖子加载到页面上。问题是,这一直在加载重复的帖子,因为由于受欢迎,排序变化非常快,帖子最终会出现在不同的页面上 当插件抓取下一页时,有时原本在第一页的产品会被排序到第二页。所以我最终得到了重复的 我计划等待脚本加载下一页内容,然后循环浏览所有文章标题并找到副本。然后我会删除每个帖子的第二个实例 我注意到Infinite Scroll在设置中有一个窗口,标记为加载内容后运行/回调,所以我想我可以在该字段中输入一个要调用的函数Javascript 无限滚动运行后调用函数时出现问题,javascript,jquery,Javascript,Jquery,我使用Wordpress的无限滚动插件,当用户滚动到页面底部时,将新帖子加载到页面上。问题是,这一直在加载重复的帖子,因为由于受欢迎,排序变化非常快,帖子最终会出现在不同的页面上 当插件抓取下一页时,有时原本在第一页的产品会被排序到第二页。所以我最终得到了重复的 我计划等待脚本加载下一页内容,然后循环浏览所有文章标题并找到副本。然后我会删除每个帖子的第二个实例 我注意到Infinite Scroll在设置中有一个窗口,标记为加载内容后运行/回调,所以我想我可以在该字段中输入一个要调用的函数 移
移除的重复 似乎jquery没有加载。即使使用不返回任何元素的选择器,它仍应具有.each方法 尝试使用vanillaJS而不是jquery
var titleNodeList = document.querySelectorAll('.title'); // get elements
var titleElArray = Array.prototype.slice(titleNodeList); // convert to array
titleElArray.forEach(function(el){...}); // iterate
谢谢你的回复。我试过这个,但不幸的是它仍然不起作用。我在代码中看到了这条注释,指的是回调框:以前,我们将传入新的DOM元素作为回调的上下文,但现在我们使用的是documentfragment,它没有父对象或子对象,因此上下文是contentContainer,我们传入一个收集的元素数组作为第一个参数。如果元素还不在文档中,选择器将不起作用。您需要调用documentfragment.querySelectorAll,而不是document.querySelectorAll。您最初的答案实际上基本上就是这么做的。我必须使用titleNodeList.length,然后对该数字运行for循环,执行类似titleNodeList[x].innerHTML的操作。非常感谢。