我正在制作一个呈现照片墙的网页,当您向下滚动时,它会使用jQuery无限滚动来加载下一批照片。
我正在使用jQuery Masonry以及jQuery InfiniteScroll。
所有在Chrome和Firefox下运行正常,但在IE下观看时,我注意到图像会随机显示,但如果我刷新页面,它们会出现,但其他人会丢失。同样,如果我在丢失的图像上单击鼠标右键并选择“显示图片”,它会立即显示。
所以我在jQuery Masonry website上测试了几个演示,并再次发现,在IE下,偶尔会出现随机图像。这种情况发生在Infinite Scroll demo上,有时甚至是Images demo(不使用无限滚动)。
有没有其他人经历过这个,或者知道解决方案?事实上,我无法继续使用我当前的项目,因为它在IE下基本上无法使用。
BTW - 我正在使用IE9。
答案 0 :(得分:0)
通过进行进一步的调查(试验和错误),我确定只有在使用砌体时才会出现问题。
所以现在我已切换到jQuery Wookmark,这对我来说都是方便的,而且没有任何相同的问题。
答案 1 :(得分:0)
未加载的图像是Masonry使用的imagesLoaded脚本的第2版中的已知问题。如果您更新代码以使用imagesLoaded的最新版本3脚本,那么这将修复IE图像加载问题。
请注意,您需要在砌体js文件之后直接显式加载imagesloaded.js文件,因为之前版本的imagesloaded已包含在Masonry中,但现在已在版本3中分离。
通过包含最新的imagesloaded.js文件,您可以保留现有的砌体版本,因为砌体版本3的某些选项和事件已更改,您可能会发现它不再按预期工作。
在此处下载最新版本:http://desandro.github.io/imagesloaded/