Google Chromeのキャッシュが私の同位体Javascriptのグリッドを壊す

Question

私たちは、当社のウェブサイト内のライブラリ同位体で作成した作品のポートフォリオを持っています。

ウェブサイト：https://www.beedit.es

ライブラリアイソトープ：https://github.com/metafizzy/isotope

問題は、クロムデスクトップブラウザまたは（例えば）のSafariのiOSブラウザ、であなたがウェブサイトをリフレッシュし、それが持っているときということですローカルメモリにブラウザによってキャッシュされ、グリッドが消えます。あなたは、ブラウザのキャッシュを無効にした場合

問題が消えますが、それは解決策ではありません。

私が検索し、そのような.jsファイルライブラリ（？V = [RAMDOM）にランダムなバージョン文字列を追加するなど、多くのことを、試してみましたが、それは動作しません、それは何か他のものにする必要がありました。それは私には発生しませんFirefoxの最新バージョンで

。

解説ビデオ：https://youtu.be/hhuD_1sCbx8

Answer 1

.LOADイベントがキャッシュからロードされたイメージのために発生しません。

あなたは

$('#work-container > article > img').one('load',function(){ 
       $('.isotope-item').show(); 
       $('.img-wait').fadeIn('fast'); 
       $('#work-container').isotope({ 
        itemSelector: '.isotope-item', 
        layoutMode: 'masonry', 
        resizesContainer: true, 
        masonry: { 
         columnWidth: 300, 
         isFitWidth: true 
        } 
       }); 
      }).error(function(){ 
      }).each(function(){ 
       if(this.complete) { 
        $(this).load(); 
       } 
      }); 

を使用してこれを修正することができます