画像を表示するためにQuicksand プラグイン ( http://razorjack.net/quicksand/ ) を使用しています。私はそれらをたくさん持つ予定なので、パフォーマンスを少し上げるために遅延ローダー プラグイン ( http://www.appelsiini.net/projects/lazyload ) を追加したいと思いました。
これら2つを組み合わせると、奇妙な問題が発生します。
- クイックサンドをレイジーローダーの前に置くと、クイックサンドは機能しますが、レイジーローダーは機能しません。
- 逆に、流砂の前に遅延ロードを配置すると、遅延が機能し、砂は機能しません。
- それらを別々のファイル (例えば、sand.js と lazy.js) に入れて、sand.js が最初で lazy.js が 2 番目になるように並べ替えると、どちらも jqeury.js の後に一緒に機能します。流砂フィルターは機能しますが、空の画像が表示されます。
私はstackoverflowのすべての回答を読み(私は思う)、2時間グーグルで検索しました。流砂のドキュメントを読みましたが、さらに混乱しました。
コールバックの使い方がわからないので、助けていただければ幸いです - 私はjquery初心者です。
助けがあれば、jsfiddleをセットアップしました:http://jsfiddle.net/zUAVA/
(このセットアップでは遅延は機能しますが、流砂は機能しません)
助けてくれてありがとう。
編集: オプション 3. (上記) を使用すると、ページの読み込み時に画像が表示されますが、フィルターの使用を開始するとすぐにすべてが空白になります。