仅在页面返回时，布局重叠

Question

我当前有一个怪异的错误。它仅在Internet Explorer和Microsoft Edge上发生。

在首页加载上，布局看起来不错。到达其他页面后，决定返回砌体所在的上一页后，布局被打破，重叠。

演示/codepen： codepen.io/baidoc/pen/JbMBvX

这是直接在IE11上的视频演示： https://www.dropbox.com/s/l8eiiwchb5yoiygg/bug_explain.mov?dl = 0

任何帮助将不胜感激谢谢！

Answer 1

您很可能需要使用负载的图像，因为并非所有图像都在调用砌体之前加载。将负载的图像添加到您的页面，然后以这样的方式调用砖石：

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