0

我正在使用流沙插件(http://razorjack.net/quicksand/)来显示图像。因为我计划有很多,所以我想添加惰性加载器插件(http://www.appelsiini.net/projects/lazyload)来稍微提高性能。

当我将这两者结合在一起时,我遇到了一个奇怪的问题:

  1. 如果我把流沙放在惰性加载器前面,流沙会工作,但惰性加载器不会。
  2. 反之亦然,如果我将惰性负载放在流沙前面,则惰性工作和沙子不会。
  3. 如果我将它们放在单独的文件中(例如,sand.js 和lazy.js)并排序它们,使sand.js 排在第一位,lazy.js 排在第二位,都在jqeury.js 之后,它们将在某个点上协同工作。流沙过滤器有效,但它显示空图像。

我已经阅读了关于 stackoverflow 的所有答案(我认为),用谷歌搜索了 2 个小时,我看到所有这些都归结为回调。我阅读了流沙文档,但更加困惑。

我会得到一些帮助,因为我不知道如何使用回调 - 我是 jquery noob。

我已经设置了一个 jsfiddle,如果有帮助的话:http: //jsfiddle.net/zUAVA/

(这个设置懒惰的作品,但流沙没有)

谢谢你的帮助。

编辑:如果我使用选项 3。(上图),图像会在页面加载时显示,但是一旦我开始使用过滤器,它们就会全部变为空白。

4

1 回答 1

1

将lazyload 和 $(window).trigger("scroll") 添加到流沙回调似乎对我有用。

于 2013-07-05T21:03:19.767 回答