Javascript 当用户滚动和加载更多内容时,jQuery attr调用未应用于内容
我正在尝试构建一个Google Chrome扩展,它基于运行在Python后端的一些计算机视觉标准,阻止来自用户Reddit提要的帖子中的一些图像。我已经找到了一种使用jQuery查询Reddit JSON并插入Javascript 当用户滚动和加载更多内容时,jQuery attr调用未应用于内容,javascript,jquery,reddit,Javascript,Jquery,Reddit,我正在尝试构建一个Google Chrome扩展,它基于运行在Python后端的一些计算机视觉标准,阻止来自用户Reddit提要的帖子中的一些图像。我已经找到了一种使用jQuery查询Reddit JSON并插入replacementImage来代替现有帖子图像(下面的代码)的方法,但我遇到的当前问题是,当用户滚动页面时,jQuery attr调用不会影响页面下方的帖子/图像(即,在加载更多帖子之后) 由于jquery脚本在加载页面时只运行一个页面,此时所有可用元素都可用,因此您需要在加载新帖子
replacementImage
来代替现有帖子图像(下面的代码)的方法,但我遇到的当前问题是,当用户滚动页面时,jQuery attr调用不会影响页面下方的帖子/图像(即,在加载更多帖子之后)
由于jquery脚本在加载页面时只运行一个页面,此时所有可用元素都可用,因此您需要在加载新帖子时添加一些事件,并将该脚本放在那里谢谢@svyatis.lviv,这就解决了问题。我能够在chrome扩展框架的content.js脚本中添加一个事件侦听器,以便在用户每次滚动时触发代码。例如,
window.addEventListener(“scroll”,function(){/*mycode*/}
太好了,我很高兴它能帮上忙。
var replacementImage = "https://upload.wikimedia.org/wikipedia/commons/c/cb/CENSORED.JPG"
$('img[alt="Post image"]').attr("src",replacementImage)