Javascript JQuery matchHeight.js重叠图像
在使用JQuery matchHeight.js时,我遇到了一个奇怪的行为。请查看以下打印屏幕: 运行matchHeight.js后覆盖的图像: 如果我按F5,则会出现所需的结果: 按F5键后布局正确: 以下是创建页面的代码:Javascript JQuery matchHeight.js重叠图像,javascript,jquery,html,twitter-bootstrap,bootstrap-grid,Javascript,Jquery,Html,Twitter Bootstrap,Bootstrap Grid,在使用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
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();
sDB=sDB+”;
$.each(JSON.parse(data.d)、函数(i、项){
sDB=sDB+“”;
sDB=sDB+“”;
sDB=sDB+“”;
sDB=sDB+“”;
sDB=sDB+''+item.referecia+'-'+item.variante+'
';
sDB=sDB+“”;
sDB=sDB+“”;
});
sDB=sDB+“”;
$('#divCatalogBody')。追加(sDB);
$('.item').matchHeight();
我不知道是什么导致了这种奇怪的行为。有时,一开始它的负载很好,但大多数时候,我需要按F5键,以便出现正确的行为
有什么想法吗