Jquery Masonry仅在第二次点击时加载ajax内容

Question

我正在使用.load在我的页面上加载内容，并且我使用Masonry插件显示图像。然而，砌体仅在第二次点击时才开始加载内容。有问题的页面是http://ashevilleapothecary.info/的照片页面 这里稍微剥离了代码：

$(".navpage").click(function(){
    $("#floodcontent").load("photos.txt");
});

$(document).ajaxComplete(function(){
    $('#photobox').masonry({
        itemSelector: '.photo'
    });
});

任何帮助表示感谢谢谢！

Answer 1

砌体不知道变化（新图像加载），因为没有回复功能来“提醒”砌体再次组织页面。

使用imagesLoaded插件选项。这将在加载图像后触发回调函数，然后图像将不再重叠。

http://masonry.desandro.com/docs/intro.html#imagesloaded_plugin