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

我使用.load在我的页面上加载内容，并且使用Masonry插件显示图像。然而砌体只是在第二次点击加载内容。有问题的页面是http://ashevilleapothecary.info/ 这里的照片页略有精简代码：Jquery Masonry只能在第二次点击时加载ajax内容

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

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

赞赏任何帮助谢谢！

来源

2013-05-03 differenceclouds

砌体不知道变化（新的图像加载），因为没有回调函数'提醒'砌体再次组织页面。

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

来源

2013-05-03 06:05:30 DanielV

感谢您的回复！这绝对是最好的做法，所以谢谢你，但它并没有解决我的问题，不幸的是... – differenceclouds 2013-05-04 18:52:45

而且更确切地说，它确实解决了部分问题，图像重叠了一些时间，但现在，在第一次点击加载页面时，图像全部位于一列中（具有适当的间距）。 – differenceclouds 2013-05-04 18:59:31

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

回答

相关问题