jQuery Masonry를 사용할 때 Internet Explorer에서 이미지가 무작위로 누락되었습니다.

Question

사진 벽을 렌더링하는 웹 페이지에서 작업하고 아래로 스크롤하면 jQuery 무한 스크롤을 사용하여 다음 사진 묶음을로드합니다.

나는 jQuery InfiniteScroll과 함께 jQuery Masonry을 사용하고 있습니다.

Chrome 및 Firefox에서는 모두 잘 작동하지만 IE에서 볼 때 이미지가 무작위로 표시되지 않는 것으로 나타났습니다. 페이지를 새로 고치면 표시되지만 다른 것은 사라질 것입니다. 마찬가지로 누락 된 이미지에서 마우스 오른쪽 버튼을 클릭하고 '그림 표시'를 선택하면 즉시 나타납니다.

그래서 나는 jQuery Masonry website에서 몇 가지 데모를 시험해 보았습니다. IE에서 가끔씩 임의의 이미지가 렌더링되지 않는 것을 다시 발견했습니다. 이것은 Infinite Scroll demo, 심지어는 Images demo (Infinite Scroll을 사용하지 않음)에서 발생합니다.

다른 사람이 경험 했습니까? 해결책을 알고 있습니까? 상황에 따라 IE에서 근본적으로 사용할 수 없기 때문에 현재 프로젝트를 진행할 수 없습니다.

현재 - IE9를 사용 중입니다.

Answer 1

추가 조사 (시험 & 오류)를 수행 한 결과 메이슨을 사용할 때만 문제가 발생하는 것으로 나타났습니다.

지금은 jQuery Wookmark으로 전환했습니다. 모든 상자가 나와 똑같은 문제는 보이지 않습니다.

Answer 2

로드되지 않는 이미지는 Masonry에서 사용하는 imagesLoaded 스크립트의 버전 2에서 알려진 문제입니다. imagesLoaded의 최신 버전 3 스크립트를 사용하도록 코드를 업데이트하면 IE 이미지로드 문제가 해결됩니다. 명시 적으로 imagesloaded의 이전 버전 이후 벽돌 JS 파일 후 직접 imagesloaded.js 파일을로드해야합니다

주 벽돌에 포함되어 있지만 현재 최신 imagesloaded을 포함하여 버전 3

에서 분리 된 .js 파일을 사용하면 기존의 석조 버전을 유지할 수 있습니다. 석조 버전 3의 일부 옵션과 이벤트가 변경되어 더 이상 예상대로 작동하지 않을 수 있습니다.

여기에서 최신 버전을 다운로드하십시오. http://desandro.github.io/imagesloaded/