$(document).ready()
に多くのHTMLが生成されています。私は単純なウィンドウシステムを持っています。しかし、それは$(document).ready()
で生成されるだけでなく、いくつかのHTML要素(異なるJSファイルは$(document).ready()
にものを入れます)。 $(document).ready()
が呼び出された後、私のウィンドウシステムが生成されるようにしたい。だから、$(document).ready()
に登録されているすべてのコードが完了した後に、呼び出す関数をどのように処理するのですか?
答えて
後で発生する別のイベントがあります。それは$(window).load()です。これは、すべてのリソースがロードされた後に発生します。
は、しかし、おそらくあなたはこれをしたい:
function loadWindowSystem(){
// load window system here
}
$(document).ready(function(){
// do some html stuff here
loadWindowSystem();
})
あなたが機能でコードを分離することができますこの方法。
注:イメージだけでなくすべてのリソースがロードされたときにwindow.loadが発生する –
これは、生成するために$(document).ready( "")を使用する各ドキュメントで 'loadWindowSystem()'を呼び出す必要があることを意味しますHTML ...また、.jsの読み込みは重要なことを言っているでしょう... – myWallJSON
Didier、ありがとう、私は私の答えでそれを変更しました。 – timing
が、この関数の後には何もありませんので、あなたには、いくつかのAJAXローダーを持っている場合のみ、それらのすべてを待ってから、
EDITのレンダリングを開始することであるあなたが行うことができると思います。しかしあなたは自分のコードをstructuralizeいけないのはなぜだろうこれを排除する。
$(document).ready()
は、DOMのロードが完了した直後に呼び出されます。 pageLoad()
が0タイマーで次に呼び出されますが、部分的なポストバックが実行されるたびに実行されます。
編集:サイドノートが追加されました。これは、ASP.NETを使用する場合、上記のpageLoad機能がjQueryとは別の場合にカウントされます。あなたは右のすべての$(document).ready()
のコールの後に発射するために何かをしたい場合は、あなたがあなたのページに一度どこかにこれを置くことができるより多くの情報Here
を参照してください:
$(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呼び出しが終了した後に実行される短いタイムアウトを設定します。
私は通常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
});
$(window).load(function(){
//some code after ready
});
ここでは、答えの回りを歩く話がたくさんあります。これは質問された質問に対する正確な答えです。 – JackArbiter
- 1. ChromeとJQueryの問題 - $(document).ready(function(){});ページがロードされる前に呼び出されています
- 2. $(document).ready()の呼び出しが遅すぎる
- 3. jQueryがIEの$(document).ready()の後に壊れた
- 4. 子iframeの$(document).ready関数が呼び出される前の前処理
- 5. $(document).ready()で宣言された関数を呼び出す方法は?
- 6. jQuery(document).ready(function($)
- 7. jQuery(document).ready()load()aspx
- 8. JQuery $(document).ready()とdocument.write()
- 9. jQuery .live()とDocument ready
- 10. jQueryモバイルリンクリストpageInit()、$(document).ready()
- 11. jQuery Sortable - イベントがあまりにも多く呼び出されました
- 12. jQueryが呼び出された後にone()メソッドをリセットしました
- 13. $(document).ready()内のjqueryスコープ?
- 14. 関数の中から$(document).ready()を呼び出すのは安全ですか?
- 15. System.Timers.Timer timer.Stop()が呼び出された後に実行される経過イベント
- 16. ウィンドウが最大化された後に呼び出されるイベント
- 17. 呼び出された(ディスパッチャを介して)呼び出し、または直接呼び出された呼び出しを同期する
- 18. Magentoイベント(どのイベントがインデックスで呼び出されますか?)
- 19. gcが呼び出された後、
- 20. Androidカスタムビュー、invalidate()を呼び出した後にonDrawが呼び出されない
- 21. 外部のjavascriptファイルから関数を呼び出すために$(document).ready()が異なる動作をする
- 22. web.xml。フィルタまたはリスナーは、ユーザーが正常に認証された直後に呼び出されます
- 23. onScrollイベントが複数回呼び出されました
- 24. 非常に最後のブートストラップjavascriptとjQuery $(document).ready
- 25. jQuery:.load()が2回呼び出されましたか?
- 26. EmberJSには、ハンドルバービューが更新された後に呼び出されるイベントがありますか?
- 27. 図が表示された直後に関数を呼び出すMatlab
- 28. usercontrolイベントが終了した後にページメソッドを呼び出す
- 29. カスタムUIを作成した後にdrawRectが呼び出されましたか?
- 30. 文字列名の$(document).ready関数でjavacript関数を呼び出す
は、$(文書)の多くを厥。準備完了()! ;-) – janhartmann
document.ready()の.ready()が必要ですか?これはjQueryの仕組みではなく、JavaScriptのイベントベースのモデルのため、WordPressのようなものと異なり、jQueryはready()関数に入れたコードがすべて完了したことを「知る」方法がありません。したがって、document.ready()の後に呼び出されるイベントはありません。あなた自身でイベントを作成し、完了するのを待つか、window.load()を使う必要があります。 – Cole