使用 jQuery Masonry 时在 IE 中随机丢失图像答案

【问题标题】：Randomly missing images in IE when using jQuery Masonry使用 jQuery Masonry 时在 IE 中随机丢失图像
【发布时间】：2012-12-03 14:06:21
【问题描述】：

我正在制作一个呈现照片墙的网页，当你向下滚动时，它会使用 jQuery 无限滚动来加载下一批照片。

在 Chrome 和 Firefox 下一切正常，但在 IE 下查看时，我注意到图像会随机无法显示，但如果我刷新页面，它们会出现，但其他图像会丢失。同样，如果我在丢失的图像上单击鼠标右键并选择“显示图片”，它会立即出现。

所以我在jQuery Masonry website 上测试了几个演示，再次发现，在 IE 下，有时随机图像不会呈现。我在Infinite Scroll demo 上发生这种情况，有时甚至在Images demo 上（不使用无限滚动）。

有没有其他人经历过这种情况，或者知道解决方案？就目前情况而言，我将无法继续我当前的项目，因为它在 IE 下基本上无法使用。

顺便说一句 - 我使用的是 IE9。

【问题讨论】：

【解决方案1】：

通过进一步调查（反复试验），我确定问题似乎仅在使用 Masonry 时出现。

所以现在我已经切换到jQuery Wookmark，它为我打勾了所有的框，这没有表现出相同的问题。

【讨论】：

【解决方案2】：

图像未加载是 Masonry 使用的 imagesLoaded 脚本版本 2 中的一个已知问题。如果您更新代码以使用最新版本的 imagesLoaded 脚本 3，那么这将解决 IE 图像加载问题。

请注意，您需要直接在 masonry js 文件之后显式加载 imagesloaded.js 文件，因为之前版本的 imagesloaded 包含在 Masonry 中，但现在已在版本 3 中分离。

通过包含最新的 imagesloaded.js 文件，您可以保留现有的 masonry 版本，因为 masonry 版本 3 的某些选项和事件已更改，您可能会发现它不再按预期工作。

【讨论】：