加载页面时显示动画并隐藏其他内容

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();
});