Question

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

这可以正常工作，提供互联网连接是体面的。如果图像需要一段时间才能加载，则无法显示任何图像。我假设该功能是将图像确定为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图像具有相同的高度

1 个答案: