PCがあれば何でもできる!

へっぽこアラサープログラマーが、覚えたての知識を得意げにお届けします

【jQuery】getScriptでの非同期js読み込みで、読み込み順を制御したい

time 2015/04/26

【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!');
  });
});

sponsored link

おまけ

非同期の読み込みのまま、一気にjsファイルを指定したいという方は、こちらが参考になります。
jquery.getMultiScripts - jsdo.it - Share JavaScript, HTML5 and CSS

sponsored link

down

コメントする




プロフィール

土斐崎 将範

土斐崎 将範

フリーランス/エンジニア (主にサーバサイド、その他広く浅く) 自宅の作業場は冷蔵庫の隣。 キッチンエンジニアとして日々精進しています。



sponsored link