Javascript 如果img<；500应用css

我有以下代码：

var jq111 = jQuery.noConflict();

jq111('.slides img').each(function(){
    jq111self = jq111(this).height();
    if(jq111self < 500){
        jq111(this).addClass( "product-rescue" );
    }
});

var jq111=jQuery.noConflict（）；
jq111（'.slides img'）。每个（函数（）{
jq111self=jq111（此）.height（）；
如果（jq111self<500）{
jq111（本）.addClass（“产品救援”）；
}
});

如果图像小于500像素，则应用CSS类

但是有一个问题，它不能正常工作，并且被应用于大于500px的图像的1/3

为什么?

---

您需要等待图像加载：

var jq111 = jQuery.noConflict();

jq111('.slides img').on("load", function() {
    var jq111self = jq111(this);
    if(jq111self.height() < 500){
        jq111self.addClass("product-rescue");
    }
});

var jq111=jQuery.noConflict（）；
jq111（'.slides img'）。打开（“加载”，函数（）{
var jq111self=jq111（本）；
如果（JQ111自身高度（）<500）{
jq111self.addClass（“产品救援”）；
}
});

100%确定您在加载图像之前检查了高度。您可以显示任何小提琴吗？在使用控制台获取一些信息之前，先在控制台中记录高度如何？@Halcyon图像加载一次，因此这并不重要。仅供参考，

。这里的每个方法都是多余的：-循环将在
.one（）
中处理并传递上下文。不确定它是否能解决问题，但是
jq111self
变量不应该是全局变量<代码>var jq111self=jq111（本）