jQueryの前のローダーpage load

Question

ドキュメントが完全に読み込まれるまで表示されるようにローダーを作成しようとしていますが、ページが完全に読み込まれる前にローダーが消えてしまいます。

<div class="loader"> 
    <div class="spinner"> 
     <div class="rect1"></div> 
     <div class="rect2"></div> 
     <div class="rect3"></div> 
     <div class="rect4"></div> 
     <div class="rect5"></div> 
    </div> 
</div> 

と使用jsがある：

$("#continut").load("fbapp.php"); 
    $(window).load(function() { 
     $('.loader').fadeOut(); 
    }); 

#continutがロードされる前に、ローダがフェードアウトしている理由どれideea？

Answer 1

window.loadはload()メソッドのコールバックを使用して、必要なものを行うには、AJAX要求を考慮するための唯一の外部CSSファイル、画像などを取ることはありません。

$("#continut").load('fbapp.php', function() { 
    $('.loader').fadeOut(); 
}); 

Answer 2

$().load(url)はAJAX呼び出しを行います - つまり、非同期です。

あなたのウィンドウは読み込みを完了しましたが、追加のajax呼び出しは終了していません。 windowは、ajaxロードからイベントを取得しません。

あなたはのように、loadの一部「を行って」を使用することができます：continutロードコールのコールバック関数にフェードアウトを入れ

$("#continut").load("fbapp.php", function() { 
    $('.loader').fadeOut(); 
});