벽돌 만 페이지 반환, 레이아웃 겹치기

Question

현재 이상한 버그가 있습니다. Internet Explorer 및 Microsoft Edge에서만 발생합니다.

첫 페이지로드시 레이아웃이 좋을 것처럼 보입니다. 일단 당신이 다른 페이지로 가서, 벽돌이있는 이전 페이지로 돌아 가기로 결정한 후에, 레이아웃은 겹쳐져 부서집니다.

데모/Codepen : 여기 codepen.io/baidoc/pen/JbMBvX

및 IE11에서 직접 비디오 데모를이다 :https://www.dropbox.com/s/l8eiwchb5yoiygg/bug_explained.mov?dl=0

어떤 도움을 크게 감사 감사하겠습니다!

Answer 1

벽돌을 만들기 전에 모든 이미지가로드되지 않았기 때문에 imagesloaded를 사용해야 할 가능성이 큽니다. 페이지에 imagesloaded을 추가하고 다음과 같이 벽돌을 호출하십시오.

$('.grid').imagesLoaded(function() { $('.grid').masonry({ itemSelector: '.grid-item', columnWidth: '.grid-sizer', gutter: 20, percentPosition: true }); });