jquery 等高图片

Question

我正在尝试编写一个 Jquery 函数来匹配页面上具有相同 class 名称的所有图像的高度。

如果互联网连接良好，这将按预期工作。如果图像需要一段时间才能加载，则无法显示任何图像。我假设该函数正在确定图像高度为 0px 并将其设置为全部。

我该如何解决这个问题？

非常感谢

function equalizeClass(className) {
    var equaliserHeight = 0;
    var height = 0;
    var i = 0;
    $('.'+className).each(function() {
        $(this).imagesLoaded(function() {
            i++;
            height = $(this).height();
            if(height>equaliserHeight) {
                equaliserHeight = height;
            }   
        });
    });
    $('.'+className).css("height", equaliserHeight);
}

$(function() {
equalizeClass('products-page-product-img'); // Equalize product list thumbnails
});

Answer 1

请等待页面加载。替换：

$(function() {
  equalizeClass('products-page-product-img');
});

与：

$(window).load(function() {
  equalizeClass('products-page-product-img');
});

jquery 等高图片

jquery images with equal height

jquery

height

image

equals

pageload