如果img＆lt; 500申请css

Question

我有这段代码：

var jq111 = jQuery.noConflict();

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

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

但是存在问题，工作不正常，并且对于大于500像素的图像应用1/3。

为什么？

https://jsfiddle.net/cuaqaxy8/3/

Answer 1

您需要等待图片加载：

var jq111 = jQuery.noConflict();

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