Question

我有一个非常简单但有效的脚本，该脚本根据宽高比向img添加了一个类landscape或portrait。

$('img').each(function(){
$(this).addClass(this.width > this.height ? 'landscape' : 'portrait');
});

问题在于网站使用无限滚动，并且在加载第二页时，图像不会受到脚本的影响。

有什么办法可以连续运行脚本来检查图像比例吗？

谢谢。

Answer 1

是的。有什么办法。设置您的onscroll-event功能

string

Answer 2

根据您的请求，有一种方法可以使用setInterval进行连续检查，但是我认为这不是解决此类问题的最有效方法（例如，您可以尝试检查{ HTML正文上的{1}}事件。使用onchange的方法如下：

setInterval

setInterval(function() {
  $('img').each(function(){
    $(this).addClass(this.width > this.height ? 'landscape' : 'portrait');
  });
  console.log("Updated images");
}, 1000 * 2); // Where '2' says it will run every 2 seconds (every 2000 milliseconds)

连续检查图像的宽高比

2 个答案: