2012-12-03 23 views
5

写真の壁をレンダリングするWebページで作業しています。下にスクロールするとjQueryの無限のスクロールが使用され、jQuery Masonryを使用しているときにIEで画像がランダムに欠けています

jQuery InfiniteScrollと一緒にjQuery Masonryを使用しています。

ChromeとFirefoxではすべてが正常に動作していますが、IEで表示すると画像がランダムに表示されないことに気付きました。ただし、ページを更新しても表示されますが、同様に、欠落している画像上で右マウスボタンをクリックして「画像を表示」を選択すると、すぐに表示されます。

私はjQuery Masonry websiteのデモをいくつか試してみましたが、IEの下では、ランダムな画像がレンダリングされないこともありました。これはInfinite Scroll demoで私にとって起こり、さらにImages demoでも(Infinite Scrollを使わない)。

他に経験したことがありますか、解決策を知っていますか?物事が進むにつれて、IEの下では本質的に使えないので、私は自分の現在のプロジェクトを進めることができません。

私はIE9を使用しています。

+0

OMG ...私はあなたのために感じます。 –

+0

イメージが読み込まれないと、コンソールとネットワークのタブには何が表示されますか? – Sampson

+0

正常に読み込まれたイメージタイプがimage/jpegで、レスポンスが304であるのに対して、読み込みに失敗したイメージの結果として、ネットワークタイプのタブには「Aborted」と表示されます。 – marcusstarnes

答えて

0

さらなる調査(試用&エラー)を行ったところ、問題はMasonryを使用している場合にのみ発生すると判断されました。

今私はjQuery Wookmarkに切り替えました。これは私のためにすべてのボックスをチェックしています。これは同じ問題を全く示していません。

0

イメージが読み込まれないのは、Masonryが使用するimagesLoadedスクリプトのバージョン2で既知の問題です。 imagesLoadedの最新バージョン3スクリプトを使用するようにコードを更新すると、IEイメージの読み込みの問題が修正されます。あなたがimagesloadedの以前のバージョンは石造に含まれていたが、それは今、最新のimagesloaded含めることにより、バージョン3.

に分離されているので、明示的に石工のjsファイルの後に直接imagesloaded.jsファイルをロードする必要があります

注意.jsファイルの場合、既存の石工版を保持することができます。これは、石工のバージョン3のオプションやイベントの一部が変更されており、予期したとおりに機能しなくなることがあるためです。

最新バージョンをダウンロードする:http://desandro.github.io/imagesloaded/

関連する問題