벽돌을 Waitforimages와 결합, 이미지 로딩

Question

벽돌을 테스트하고있는 동안 (하드 리로드하기 위해) Firefox에서 shift-reload하면 페이지의 이미지 높이에 따라 레이아웃이 꺼지는 것을 발견했습니다. 나는 div 높이가 이미지 높이를 아는 것에 의존해야한다고 생각한다. 이미 jquery.waitforimages.js을 사용하고 있기 때문에

, 내 페이지의 끝 부분이 추가 내 스크립트

$wall.waitForImages(function() { 

    $wall.masonry('reload'); 

}); 

모든 작동하지만, 지금은 내가 방화범 참조 오류가 이는 내가 이 아닌 경우 하드 재로드에만 발생합니다. 그래서 이미지가 이미 캐시 될 때이 오류가 발생한다고 가정합니다. "초기화하기 전에 벽돌의 메서드를 호출 할 수 없으며 메서드 'reload'를 호출하려고 시도했습니다."

해결 방법이 있습니까? 감사합니다.

Answer 1

답변 : 동일한 저자가 모두 &을 작성 했으므로 imagesLoaded라는 스크립트를 Masonry와 함께 사용하십시오.
스크립트 : 당신의 jQuery를에 https://github.com/desandro/imagesloaded/

같은 일이 :

$wall = $('#mydiv'); 
    $wall.imagesLoaded(function(){ 
      // call your layout function, something like: 
      // layoutBricks(); 
    }); 

이것은 Heisenbug을 방지한다. 내 다른 가제트에이 새로운 이미지 로딩 스크립트를 테스트하지 않았으므로 아직 그것에 대해 알지 못합니다.