[jquery]window.onloadを複数実行させたい

( javascript )

いいんかな。

規模が大きくなってくるとJSファイルだんだん増えてきて処理もそれなりに分割しなくちゃいけなくなる。 onloadインベントも共通の処理はあるけど、各処理(フレームワークでいうとコントローラごととか)でも 固有の処理を行いときがあります。しかも運用しやすい?用にファイルは分割して分けときたい。

jqueryちゃんは優秀ですね。



// file A (common)
$(document).ready(function(){
    alert('a');
});
// file B
$(document).ready(function(){
    alert('b');
});

Aは全体で使う共通の処理、Bは各処理で行う処理。 こうすることでほぼonloadと同じタイミングで両方とも実行してくれることになります。 ただ、CSS読み込むときにはあらかじめCSSファイルを読み込んでおくことと、画像ファイルを全部 読み込み終わるまで「.ready」は実行されないことに注意。 jqueryのドキュメント結構勉強になった。


$(document).ready(handler)
$().ready(handler) (this is not recommended)
$(handler)

■参照URL jquery document