jQuery getScript() 无法解析

Question

我正在使用 jQuery 的 getScript() 加载单独的 javascript 文件。文件似乎可以正常加载（我知道这是因为当我输入了错误的 URL 时，它会引发错误 - 正确的 URL 没有错误）。

但是，done()函数似乎不起作用。控制台不会记录“完成”，也不会调用任何函数。

(function($) {
    $.when(
        $.getScript( templateUrl + "/assets/js/variables.js" ),
        $.getScript( templateUrl + "/assets/js/functions.js" ),
        $.getScript( templateUrl + "/assets/js/events.js" ),
        $.Deferred(function( deferred ){
            $( deferred.resolve );
        })
    ).done(function(){

        console.log("done");

        swapBackgroundImgs();
        singleLarge();
        bindFlexorder();
        bindSvgeezy();
        bindPlaceholder();
        preloadImages();

    });
})( jQuery );

Answer 1

done 回调永远不会被触发，因为您已经明确地创建了一个 Deferred 并且从未解决它。 $.when 等待 所有 的承诺得到解决。

您在$.Deferred 中的代码：

$( deferred.resolve );

...将Deferred 的resolve 函数安排为ready 回调，但该函数将被错误的this 调用（document 而不是Deferred 对象；更多:Mythical methods)，这可能导致它抛出错误ready buries。

完全删除$.Deferred，或者如果您的目标是等待ready，请确保在调用resolve时正确设置this：

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

或：

$.Deferred(deferred) {
    $($.proxy(deferred.resolve, deferred));
})

或者，但请注意注释：

$.Deferred(deferred) {
    // Deprecated in jQuery 1.8
    $(document).on("ready", deferred, "resolve");
})