Javascript 连续检查图像宽度/高度比

我有一个非常简单但有效的脚本，它根据宽度/高度比向img添加一个类

横向

或

纵向

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

问题是网站使用无限滚动，当第二个页面加载时，图像不会受到脚本的影响

是否有任何方法可以连续运行脚本以检查图像比例

提前谢谢。

是的。没有办法。 在onscroll事件中设置您的函数

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

对。没有办法。 在onscroll事件中设置您的函数

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

---

根据您的要求，有一种方法可以使用

setInterval

连续检查它，但是我认为这不是解决此类问题的最有效的方法（例如，您可以尝试在HTML主体上检查

onchange

事件）。以下是使用

setInterval

的方法：

setInterval（函数（）{
$（'img'）。每个（函数（）{
$（this.addClass（this.width>this.height？'scape'：'grait'）；
});
console.log（“更新的图像”）；
}, 1000 * 2); // 其中“2”表示它将每2秒运行一次（每2000毫秒一次）

---

根据您的请求，有一种方法可以使用

setInterval

连续检查它，但是我认为这不是解决此类问题的最有效的方法（例如，您可以尝试在HTML主体上检查

onchange

事件）。以下是使用

setInterval

的方法：

setInterval（函数（）{
$（'img'）。每个（函数（）{
$（this.addClass（this.width>this.height？'scape'：'grait'）；
});
console.log（“更新的图像”）；
}, 1000 * 2); // 其中“2”表示它将每2秒运行一次（每2000毫秒一次）

---

在执行加载操作的代码末尾添加对此代码的调用调用调用滚动和调整大小功能中的函数，并尝试在执行加载操作的代码末尾添加对此代码的调用调用调用滚动和调整大小功能中的函数，然后重试