我有此代码:

var jq111 = jQuery.noConflict();

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


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

但是存在问题,无法正常工作,并且将1/3应用于大于500px的图像。

为什么?

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

最佳答案

您需要等待图像加载:

var jq111 = jQuery.noConflict();

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

关于javascript - 如果img <500适用CSS,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32636051/

10-14 21:53
查看更多