$（document）.ready（）の直後にjQueryイベントが呼び出されましたか？

Question

$(document).ready()に多くのHTMLが生成されています。私は単純なウィンドウシステムを持っています。しかし、それは$(document).ready()で生成されるだけでなく、いくつかのHTML要素（異なるJSファイルは$(document).ready()にものを入れます）。 $(document).ready()が呼び出された後、私のウィンドウシステムが生成されるようにしたい。だから、$(document).ready()に登録されているすべてのコードが完了した後に、呼び出す関数をどのように処理するのですか？

Answer 1

後で発生する別のイベントがあります。それは$（window）.load（）です。これは、すべてのリソースがロードされた後に発生します。

は、しかし、おそらくあなたはこれをしたい：

function loadWindowSystem(){ 
    // load window system here 
} 

$(document).ready(function(){ 
    // do some html stuff here 

    loadWindowSystem(); 
}) 

あなたが機能でコードを分離することができますこの方法。

Answer 2

が、この関数の後には何もありませんので、あなたには、いくつかのAJAXローダーを持っている場合のみ、それらのすべてを待ってから、

EDITのレンダリングを開始することであるあなたが行うことができると思います。しかしあなたは自分のコードをstructuralizeいけないのはなぜだろうこれを排除する。

Answer 3

$(document).ready()は、DOMのロードが完了した直後に呼び出されます。 pageLoad()が0タイマーで次に呼び出されますが、部分的なポストバックが実行されるたびに実行されます。

編集：サイドノートが追加されました。これは、ASP.NETを使用する場合、上記のpageLoad機能がjQueryとは別の場合にカウントされます。あなたは右のすべての$(document).ready()のコールの後に発射するために何かをしたい場合は、あなたがあなたのページに一度どこかにこれを置くことができるより多くの情報Here

Answer 4

を参照してください：

$(document).ready(function() { 
    setTimeout(function() { 
     // call your code here that you want to run after all $(document).ready() calls have run 
    }, 1); 
}); 

これは、他のすべてのdocument.readyコールと一緒に呼び出されますそれ以外のすべてのdocument.ready呼び出しが終了した後に実行される短いタイムアウトを設定します。

Answer 5

私は通常setTimeout使用して主張しませんが、より抽象的なアプローチを作成するために、@ jfriend00の答えの上に構築することができます

$(document).ready(function() { 
    setTimeout(function() { 
     $(document).trigger('afterready'); 
    }, 1); 
}); 

$(document).bind('afterready', function() { 
    // call your code here that you want to run after all $(document).ready() calls have run 
}); 

Answer 6

$(window).load(function(){ 
    //some code after ready 
    });