我在使用 JQuery matchHeight.js 时遇到了一个奇怪的行为。请查看以下打印屏幕:
运行 matchHeight.js 后的叠加图像:
如果我按 F5,则会出现所需的结果:
按 F5 后的正确布局:
下面是创建页面的代码:
sDB = sDB + '<div class="items-container">';
$.each(JSON.parse(data.d), function (i, item) {
sDB = sDB + '<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">';
sDB = sDB + '<span class="glyphicon glyphicon-heart iconCatalogOperacoes addToWishList" aria-hidden="true" data-modelo="' + item.referencia + '" data-variante="' + item.variante + '"></span>';
sDB = sDB + '<div class="item">';
sDB = sDB + '<img class="img-responsive addToShoppingCart imgCatalog" style="display:block;margin-left:auto;margin-right:auto;" src="' + item.IMAGEM + '" onerror="imgError(this);" alt="" data-modelo="' + item.referencia + '" data-variante="' + item.variante + '">';
sDB = sDB + '<p class="text-center ref-identifier" style="font-family:\'Roboto Condensed\';font-weight:700;font-size:14pt;">' + item.referencia + '-' + item.variante + '</p>';
sDB = sDB + '</div>';
sDB = sDB + '</div>';
});
sDB = sDB + '</div>';
$('#divCatalogBody').append(sDB);
$('.item').matchHeight();
我不知道是什么导致了这种奇怪的行为。有时,它一开始加载得很好,但大多数时候,我需要按 F5 才能出现正确的行为。
有任何想法吗?