流沙插件和懒人装载机

时间:2013-03-20 11:18:24

标签: jquery lazy-loading quicksand

我正在使用Quicksand插件(http://razorjack.net/quicksand/)来显示图片。 因为我计划拥有很多,我想添加延迟加载器插件(http://www.appelsiini.net/projects/lazyload)以提高性能。

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

  1. 如果我把Quicksand放在lazyloader前面,流沙会起作用,但懒惰的装载机不会。
  2. 反之亦然,如果我把懒惰的负荷放在流沙前,懒惰的工作和沙子都没有。
  3. 如果我把它们放在单独的文件中(例如sand.js和lazy.js)并按顺序排序,以便sand.js是第一个,lazy.js是第二个,在jqeury.js之后,它们将一起工作到某个点。流沙过滤器有效,但它显示空图像。
  4. 我已经阅读了stackoverflow上的所有答案(我认为),谷歌搜索了2个小时,因为我看到所有回到了回调。我阅读了流沙文档,但更加困惑。

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

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

    (这个设置很懒,但是流沙不起作用)

    感谢您的帮助。

    编辑:如果我使用选项3.(上图),图片会在页面加载时显示,但是当我开始使用过滤器时,它们都将变为空白。

1 个答案:

答案 0 :(得分:1)

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