砌体imagesloaded无限滚动

Question

我有一个砌体imageloaded无限滚动的问题，在第一次加载时一切正常，但无限滚动砌体计算错误位置后

$(function(){
var $grid = $('.promos-get').masonry({
    itemSelector: 'none',
    columnWidth: '.grid-sizer',
    percentPosition: true,
    stagger: 30,
    visibleStyle: { transform: 'translateY(0)', opacity: 1 },
    hiddenStyle: { transform: 'translateY(100px)', opacity: 0 }
});

var msnry = $grid.data('masonry');

$grid.imagesLoaded( function() {
    $grid.masonry( 'option', { itemSelector: '.grid-item' });
    var $items = $grid.find('.grid-item');
    $grid.masonry( 'appended', $items );
});

$grid.infiniteScroll({
    path: '.pagination .next-page a',
    append: '.grid-item',
    outlayer: msnry,
    history: false
});
})

我的img标签没有“高度，宽度＆＃39;因为我的页面很敏感。 我如何修复imagesloaded？帮助我。

Answer 1

我解决了这个问题，我的解决方案是删除infiniteScroll并在按钮点击上添加新项目