5

写真の壁をレンダリングするWebページを作成しています。下にスクロールすると、jQueryの無限スクロールを使用して次の写真のバッチを読み込みます。

私はjQueryInfiniteScrollと一緒にjQueryMasonryを使用しています。

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

そこで、jQuery Masonry Webサイトでいくつかのデモをテストしたところ、IEを使用しているときに、ランダムな画像がレンダリングされないことがありました。これは、Infinite Scrollデモで発生し、Imagesデモ（Infinite Scrollを使用しない）でも発生することがあります。

他の誰かがこれを経験したか、または解決策を知っていますか？現状では、IEでは基本的に使用できないため、現在のプロジェクトを進めることはできません。

ところで-私はIE9を使用しています。

4

2 に答える 2

0

さらに調査（試行錯誤）を行った結果、Masonryを使用した場合にのみ問題が発生するようであると判断しました。

そこで、jQuery Wookmarkに切り替えました。これは、すべてのボックスにチェックマークを付けますが、同じ問題は発生しません。

于 2012-12-05T08:53:47.007 に答える
0

画像が読み込まれないことは、Masonryで使用されるimagesLoadedスクリプトのバージョン2の既知の問題です。imagesLoadedの最新バージョン3スクリプトを使用するようにコードを更新すると、IE画像の読み込みの問題が修正されます。

以前のバージョンのimagesloadedがMasonryに含まれていたが、バージョン3で分離されたため、masonryjsファイルの直後にimagesloaded.jsファイルを明示的にロードする必要があることに注意してください。

最新のimagesloaded.jsファイルを含めることで、既存の組積造バージョンを維持できます。これは、組積造のバージョン3の一部のオプションとイベントが変更され、期待どおりに機能しなくなる可能性があるためです。

こちらから最新バージョンをダウンロードしてください：http：//desandro.github.io/imagesloaded/

于 2013-06-18T20:58:03.077 に答える