javascript - 等到 jQuery waterfall/masonry 在显示包含的 div 之前完成加载元素

Question

我了解如何在页面加载完成后只显示一个 div。

但无法使用此方法使 jQuery 瀑布正常工作。

目前，jQuery 瀑布命令一些博客文章显示为单独的 div，每个都有一个图像作为“缩略图”。容器内显示了 16 个这样的 div，每个都占据了砖石网格中 1/16 的空间。

但是目前，当页面加载时，div 被加载为全宽，然后瀑布似乎可以使它们适合网格。在我看来，这看起来不专业。

所以我的想法是，在瀑布功能发挥其魔力的同时，简单地显示一个加载图标，然后在完成后显示 div。

我已经将div设置为

display: none

这就是用于 jQuery 瀑布的内容:

$(window).load(function(){  
  $('#buildcontainer').waterfall({ 
    colMinWidth: 250, 
    defaultContainerWidth: 1000,
    autoresize: true
  });
  $("#buildcontainer").show();
});

从某种意义上说，这可以正常工作并且 div 仅在页面加载完成后显示。

然而，实际的瀑布网格功能现在不起作用。如果我不使用瀑布，div 将被简单地加载。

有人有什么想法吗？

Answer 1

已排序，只需在使用瀑布流之前淡入/显示包含的 div!