如果高度大于宽度，则为动态图像添加类，但仅在刷新页面时起作用

Question

我有这段代码用于图像在我们的应用中加载时，然后当高度大于宽度时添加增加保证金。但是，除非刷新页面，否则该函数不会被执行。任何想法&这似乎是正确的吗？谢谢

window.onload = function() { 
getImageSize($('#productImage'), function(width, height){ 
$('.product-info').console.log(width + ',' + height); 
}); 

function getImageSize(img, callback) { 
var $img = $(img); 

var wait = setInterval(function() { 
    var w = $img[0].naturalWidth, 
     h = $img[0].naturalHeight; 
    if (w && h) { 
     clearInterval(wait); 
     callback.apply(this, [w, h]); 

    } 
    if (h > w) { 
    $("#productImage").addClass("image-margin"); 
    } 
}, 30); 

} 
}; 

Answer 1

看起来像clearInterval(wait);是一个阻止您的计时器运行。