jquery - 懒加载大数据

Question

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

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

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

对于这种延迟加载，或者更确切地说是延迟调用，我应该怎么做？

Answer 1

$(window).load(function(){})当窗口（及其包含的所有内容，包括图像）已加载时执行其回调。但是，它没有考虑稍后发出的 ajax 请求。因此，我怀疑您的回调正在触发（放入console.log('callback called')一行进行检查），但它发生在 JQuery 返回您的 ajax 请求的结果之前，因此无法按您预期的那样工作。

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