jquery - 页面加载时显示动画并隐藏其他

Question

我不想在页面加载之前显示我的页面。并且还想展示动画

我正在使用此代码

jQuery(window).load(function (){
jQuery('#loading').show();
jQuery('#main-container').hide();

}); 

但它就像一些不正确的东西。

Answer 1

您应该隐藏您的页面并最初使用 CSS 显示加载器

#main-container { display: none }
#loading { display: block }

页面加载完成后，隐藏加载器并显示内容

jQuery(window).load(function() {
    jQuery('#loading').hide();
    jQuery('#main-container').show();
});