【jQuery】getScriptでの非同期js読み込みで、読み込み順を制御したい
ただの再帰処理ですが。 依存関係があり読み込み順が重要な場合にどうぞ。
// 読み込み用メソッドを定義 (function($) { $.getScriptsSequencial = function(scripts, callback) { var f = function(i) { $.getScript(scripts[i], function(){ if (i+1 < scripts.length) { f(i+1); } else { callback(); } }); }; f(0); }; })(jQuery); $(function() { var scripts = [ 'http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.js', 'http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js', 'http://twitter.github.com/bootstrap/assets/js/bootstrap-alert.js' ]; //シーケンシャルに読み込み(上から順に1つずつ読み込みます) $.getScriptsSequencial(scripts, function() { console.log('done!'); }); });
おまけ
非同期の読み込みのまま、一気にjsファイルを指定したいという方は、こちらが参考になります。
jquery.getMultiScripts - jsdo.it - Share JavaScript, HTML5 and CSS