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，如果您仍然遇到問題，請發送一封帶有鏈接的私人郵件，以便我可以檢查可能存在的問題。