javascript - jQuery.BlackAndWhite.js 在移动设备上不稳定？

Question

我最近一直在重新设计我的 WP 作品集网站，并且一直在使用一个简洁的小美观 jQuery 插件，BlackAndWhite ，这会将我的图库 View 中的所有图像变成黑白，并使用 HTML5 Canvas 在悬停时重新着色。

我注意到该插件的一个错误是，如果它在图像完成加载之前运行，有时它只会对图像的一半进行灰度化。因此，我一直在使用另一个小插件，仅在确定图像已完成加载后才运行脚本。请参阅waitforimages.js

初始化脚本如下:

jQuery(document).ready(function(){
    jQuery('.bwWrapper').waitForImages(function(){  
        jQuery(this).BlackAndWhite({
            hoverEffect : true // default true
        });
    });
});

其中 bwWrapper 是每个 img 的包装器。

现在，这在我迄今为止测试过的大多数计算机和浏览器上都运行得非常好。一切都按其应有的方式进行。然而，当我在 Android 上打开该网站时，我注意到只有 50% 的图像重新着色。当我刷新页面时，再次只有 50% 变成黑白，尽管每次都是不同的。让网站完全响应移动设备仍然在我的待办事项列表中，但我注意到这个相当明显但难以解释的错误。

知道是什么原因造成的吗？

Answer 1

您不需要预加载图像，因为插件已经做到了。尝试在github上下载该脚本的最新版本https://github.com/GianlucaGuarini/jQuery.BlackAndWhite如果您仍然遇到问题，请给我发送带有链接的私有(private)邮件，以便我检查可能出现的问题。