用jQuery按顺序加载多个脚本文件-合并找到的两个函数

Question

我尝试修改在Stackoverflow上找到的以下函数，以使用jQuery加载多个脚本。

$.getMultiScripts = function(arr, path) {
    var _arr = $.map(arr, function(scr) {
        return $.ajax({
        cache: true,
        url: scr,
        dataType: 'script'
    });
    });

    _arr.push($.Deferred(function( deferred ){
        $( deferred.resolve );
    }));

    return $.when.apply($, _arr);
}

var script_arr = [
    'myscript1.js', 
    'myscript2.js', 
    'myscript3.js'
];

$.getMultiScripts(script_arr, '/mypath/').done(function() {
    // all scripts loaded
});

我想将其与以下代码结合使用，以便推迟使用aboce函数getMultiScripts中的所有ajax请求。

var d1 = new $.Deferred();
var d2 = new $.Deferred();
var d3 = new $.Deferred();
var d4 = new $.Deferred();

$.when( d1, d2, d3, d4 ).done(function () {
    console.log('Loaded in order.');
});

d1.resolve($.getScript("/assets/libs/swal/sweet-alert.min.js"));
d2.resolve($.getScript("/assets/js/jquery.form.js"));
d3.resolve($.getScript("/assets/js/jquery.preloader.js"));
d4.resolve($.getScript("/assets/js/item_inventory.js"));

我尝试这样做是因为在Firefox浏览器中$ .getMultiScripts不会按顺序加载脚本。

如果有人可以告诉我如何添加$ .Deferred（）; $ .getMultiScripts函数中的所有ajax请求。

对不起，我不是编码员..

我尝试过..

$.getMultiScripts = function(arr) {
    var df = new $.Deferred();
    var _arr = $.map(arr, function(scr) {
        return df.resolve($.ajax({
            cache: true,
            url: scr,
            dataType: 'script'
        }));
    });

    return $.when.apply($, _arr);
}

..但这不起作用！

问候

Answer 1

按顺序使用jQuery加载多个脚本文件

当前最佳解决方案：

// very simple with jQuery

$.when(
    $.getScript( "/assets/libs/swal/sweet-alert.min.j" ),
    $.getScript( "/assets/js/jquery.form.js" ),
    $.getScript( "/assets/js/jquery.preloader.js" ),
    $.getScript( "/assets/js/item_inventory.js" ),
    $.Deferred(function( deferred ){
        $( deferred.resolve );
    })
).done(function(){
    window.console.log('all complete loaded');
});