懒惰加载大数据

时间:2013-05-24 10:10:29

标签: jquery lazy-loading jquery-isotope

我通过ajax从各种资源获取数据并在页面上显示它们,jQuery.ready()。并在$(window).load(function(){});上应用同位素

由于从这些资源中进行写入需要时间,因此应用同位素砌体视图需要时间。从HTML页面可以看出它。所以对于替代方案,我在jQuery.ready()=>上获取了4-5个资源。在$(window).load(function(){}); =>上设置同位素然后从jQuery.load()上的rest资源中获取数据。

但是在load()中的任何调用都没有发生。

我应该怎么做这个懒惰的加载,或者说懒惰的呼叫?

1 个答案:

答案 0 :(得分:0)

$(window).load(function(){})在窗口(及其包含的所有内容,包括图像)加载后执行其回调。但是,它没有考虑稍后发出的ajax请求。因此,我怀疑你的回调正在触发(放入console.log('callback called')行进行检查)但是在JQuery返回你的ajax请求的结果之前就发生了这样的事情,因此不能按预期工作。

我从未使用过同位素,但我怀疑你的问题的答案是在你的ajax调用中为success方法添加一些代码。同位素文档的这一页可能就是您所需要的:http://isotope.metafizzy.co/docs/adding-items.html