Javascript 在加载DOM/同位素时显示某些内容 目标

加载DOM/同位素时显示加载gif

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

我的一点代码 同位素（jQuery）-当窗口加载时加载它：

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

我所拥有的 没什么。我甚至不知道从哪里开始

提前感谢。

砌体将“砌体”css类添加到容器中。所以你可以用css来做：

ul.products-list {
   background-image:url(loading.gif);
}
ul.products-list.masonry {
   background-image:none;
}
ul.products-list li {
 display:none;
}

ul.products-list.masonry li {
 display:block;
}

---

我相信同位素有一个回调。用它在产品中褪色

ul.products-list {
   display:none;
}


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

---

完美的而不是

$（this）.fadeIn（），我的解决方案是
$（this）.children（“li”）.fadeIn（）。顺便说一句，先谢谢你！