我了解如何在页面加载完成后只显示一个 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 将被简单地加载。
有人有什么想法吗?
最佳答案
已排序,只需在使用瀑布流之前淡入/显示包含的 div!
关于javascript - 等到 jQuery waterfall/masonry 在显示包含的 div 之前完成加载元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22393529/