jquery - 加载多个脚本并在最后一次加载时启动插件

Question

我正在通过 get 加载插件的多个脚本$.getScript，并且我应该只在最后一次加载脚本后启动插件，但是我怎么知道循环何时到达最后一个？

// load multiple files.
var scripts = [
    'mode/xml/xml.js',
    'mode/css/css.js',
    'mode/javascript/javascript.js'
];

alert(scripts.length); // 3

for(var i = 0; i < scripts.length; i++) 
{
    $.getScript(http_root+'global/views/javascripts/codemirror/original/'+scripts[i], function() {

        alert(i); // this will alert number 3 for 3 times.

        if(i == scripts.length) // this means that the plugin will be initiated 3 times.
        {
            var editor = CodeMirror.fromTextArea(document.getElementById("code_content_1"), { 
                mode: "text/html", 
                theme: "eclipse",
                lineNumbers: true
            });
        }
    });

    alert(i); // this will alert the number from 0 to 2.
}

有任何想法吗？

Answer 1

将调用包装在闭包中，以便我不会在每次迭代时更改变量。

for(var i = 0; i < scripts.length; i++) 
{
  (function(i) {
      $.getScript(http_root+'global/views/javascripts/codemirror/original/'+scripts[i], function() {

      if(i + 1 == scripts.length)
      {
        var editor = CodeMirror.fromTextArea(document.getElementById("code_content_1"), { 
            mode: "text/html", 
            theme: "eclipse",
            lineNumbers: true
        });
      }
    });
  })(i);  
}