javascript - 在 DOM/Isotope 加载时显示一些东西

标签 javascript jquery html jquery-isotope

目标

在加载 DOM/Isotope 时显示加载 gif。

问题

当有人访问我的应用程序时,可以在屏幕上看到同位素/DOM 结构。我的意思是,可以看到组织元素 — 这是非常不专业和丑陋的。

我的一些代码

同位素 (jQuery) — 在窗口加载时加载:

    jQuery("ul.products-list").isotope({
        itemSelector: "li",
        masonry: {
            gutterWidth: 15
        }
    });

我有什么

没有。我什至不知道从哪里开始。

提前致谢。

最佳答案

我相信同位素有回调。用它来淡化产品

ul.products-list {
   display:none;
}


jQuery("ul.products-list").isotope({
    itemSelector: "li",
    masonry: {
        gutterWidth: 15
    }
}, function(){ $(this).fadeIn() });

关于javascript - 在 DOM/Isotope 加载时显示一些东西,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16971843/

相关文章:

html - CSS 内容宽度/ float 问题

javascript - 如何在 safari 中发送跨域 post 消息?

javascript - HTML 文本框 : how to restrict input values to only numbers less than 15

javascript - 如何使用 javaScript 将一些文本放入剪贴板?

html - 使用 jQuery toggle() 后如何响应式地隐藏菜单?

javascript 无法附加到 docmap div 标签的末尾?

javascript - 在饼图( Highcharts )中突出显示事件数据标签

javascript - 使用 feMorphology svg 过滤器 trim 输出中的 Angular 落

javascript - jQuery 多语言脚本

html - 构建允许所有者使用 CSS 和 HTML 以自定义方式放置面板 (div) 的漫画站点