Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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 无限滚动运行后调用函数时出现问题_Javascript_Jquery - Fatal编程技术网

Javascript 无限滚动运行后调用函数时出现问题

Javascript 无限滚动运行后调用函数时出现问题,javascript,jquery,Javascript,Jquery,我使用Wordpress的无限滚动插件,当用户滚动到页面底部时,将新帖子加载到页面上。问题是,这一直在加载重复的帖子,因为由于受欢迎,排序变化非常快,帖子最终会出现在不同的页面上 当插件抓取下一页时,有时原本在第一页的产品会被排序到第二页。所以我最终得到了重复的 我计划等待脚本加载下一页内容,然后循环浏览所有文章标题并找到副本。然后我会删除每个帖子的第二个实例 我注意到Infinite Scroll在设置中有一个窗口,标记为加载内容后运行/回调,所以我想我可以在该字段中输入一个要调用的函数 移

我使用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的操作。非常感谢。