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

Question

我一直在重新设计我的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％是黑白的，但每次都是不同的。使网站完全响应移动仍在我的待办事项列表中，但我已经注意到这个相当公然但很难解释的错误。

任何想法可能会造成这种情况？

Answer 1

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