うのらぼ。 - 【JavaScript】jQueryの読み込み待ちとか関数の処理待ちとか遅延処理っぽいこと
っていう JavaScript を書いたとき、 func1 の処理が完全に終わってから func2 の処理を行いたい。 そんなことを考えてたわけなのですが。 どうにかしてうまいこと処理したい、そう思って調べてたら、 動的スクリプトローディング（さんざん既出だと思うけど｜IT戦記 こんな記事を発見。 jQuery が完全に読み込まれたのを確認してから実際の処理を行う、というものなのだったので一部拝借。 $(function(){ func1(); //func2(); //setTimeout で遅延処理 setTimeout(function(){ if(!func1()) setTimeout(arguments.callee, 100); else func2(); }, 100); }); var func1 = function(){ //処理 1 return true; //処
遅延ロードでJavaScriptのお勉強 - Born Neet
となっています。 わかりにくいのは、checkですね^^ この関数では、外部jsの読み込み完了を判断する必要がありますが、JSにはそんな機能はありません。 （っていうか外部ファイルのロード自体もHTMLを利用して実現してるぐらいです） ただ、多くのjsファイル（ライブラリは特に）読み込まれるとグローバル領域に何かしらのオブジェクトを作ります。 なので、そのオブジェクトの有無をチェックすることで、外部jsのロード完了をしろうというわけです。 jQueryだと、window.jQueryがそのオブジェクトになります。（window.はグローバルを示します） function load(src, check, next) { } と書かないのは、前者の方が汎用性が高いためだと思われます。 if文等ブロック内に書けたりとかするので。 （function文だと関数の中に書けないからこっちの形にしてる
動的スクリプトローディング（さんざん既出だと思うけど - IT戦記
なんか、既出な予感もするんですけど 私製版を作ったので コード var load = function(src, check, next) { check = new Function('return !!(' + check + ')'); if (!check()) { var script = document.createElement('script') script.src = src; document.body.appendChild(script); setTimeout(function() { if (!check()) setTimeout(arguments.callee, 100); else next(); }, 100); } else next(); }; 考え方は、 このエントリ と同じです。 使い方 以下の場合 // 処理 1 // ← ここで jQu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
