第二次AJAX调用中的ImagesLoaded和砌体

Question

我使用ajax调用加载页面内容，并使用以下代码插入砖石库，没有问题。

$(".masonry-wrapper").imagesLoaded( container, function() {

    setTimeout(function () {
        msnry = new Masonry( container, {gutter: 6} );
    }, 100);

});

但是，当我执行第二个ajax调用时，刷新图片库内容时，图片库图像就会重叠。我想imagesLoaded在这种情况下是行不通的。

• 实际上，为了避免这种情况，我使用了setTimeout，但没有起作用。
• 我尝试了setInterval，它成功了，但我不希望这样一个苛刻的方法作为解决方案。

对于第二个AJAX调用，您会提供什么？现在谢了。

(我知道，使用AJAX调用提供库内容并不是一种很好的方法，但项目需要这样做。)

Answer 1

你需要一个函数，例如

function checkimgs() { $(".masonry-wrapper").imagesLoaded().done( function( container ) { msnry = new Masonry( container, {gutter: 6} ); })}

并在ajax成功调用中运行类似于checkimgs()的函数。