Jquery Masonry는 두 번째 클릭시 아약스로드 된 콘텐츠에서만 작동합니다.

Question

내 페이지에 .load를 사용하여 콘텐츠를로드 중이며 Masonry 플러그인을 사용하여 이미지를 표시하고 있습니다. 벽돌은 콘텐츠를로드하기 위해 두 번째 클릭 만 시작합니다. 여기 http://ashevilleapothecary.info/ 의 사진 페이지가 약간 아래로 제거되고 해당 페이지가 코드 :

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

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

감사 어떤 도움 감사합니다!

Answer 1

벽돌을 페이지에 다시 구성하라는 콜백 기능이 없기 때문에 Masonry는 변경 사항을 알지 못합니다 (새 이미지로드).

imagesLoaded 플러그인 옵션을 사용하십시오. 이미지가로드되고 이미지가 더 이상 겹치지 않으면 콜백 함수가 실행됩니다.

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