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內容

回答

相關問題