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