javascript - 如果高度大于宽度，则为动态图像添加类，但仅在刷新页面时有效

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); 是阻止你的计时器运行的那个。