我最近一直在重新设计我的 WP 作品集网站,并且一直在玩一个简洁的小美学 jQuery 插件BlackAndWhite,它将我画廊视图中的所有图像变成黑白,并使用 HTML5 画布使它们在悬停时重新着色。
我注意到该插件的一个错误是,如果它在图像完成加载之前运行,它有时只会灰度图像的一半。因此,我一直在使用另一个小插件来仅在确定图像已完成加载后才运行脚本。见waitforimages.js
初始化脚本如下:
jQuery(document).ready(function(){
jQuery('.bwWrapper').waitForImages(function(){
jQuery(this).BlackAndWhite({
hoverEffect : true // default true
});
});
});
其中 bwWrapper 是每个 img 的包装器。
现在,这在我迄今为止测试过的大多数计算机和浏览器上都非常有效。一切都按应有的方式工作。然而,当我在我的 android 上打开该网站时,我注意到只有 50% 的图像重新着色。当我刷新页面时,再次只有 50% 是黑白的,尽管每次都是不同的。让网站完全响应移动设备仍然在我的待办事项清单上,但我注意到这个相当明显但难以解释的错误。
知道可能是什么原因造成的吗?