未触发后的jquery代码答案

【问题标题】：Why does my jQuery .done function not fire after .when code?未触发后的jquery代码
【发布时间】：2016-02-11 13:46:29
【问题描述】：

我尝试使用 jquery 加载一些脚本，下载完成后我想执行一些代码。

我希望得到alert(1) 的调用，但没有任何反应。脚本已正确下载（签入console）。

$.when(
    $.getScript ("/framework/static/libs/ckeditor/ckeditor/ckeditor.js"),
    $.getScript ("/framework/static/libs/ckeditor/ckeditor/config.js"),
    $.getScript ("/framework/static/libs/ckeditor/ckeditor/skins/bootstrapck/editor_gecko.css"),
    $.getScript ("/framework/static/libs/ckeditor/ckeditor/lang/de.js"),
    $.getScript ("/framework/static/libs/ckeditor/ckeditor/adapters/jquery.js"),
    $.Deferred(function( deferred ){$( deferred.resolve );})
).done(function() { 
        alert (1);
});

感谢您的帮助。

【问题讨论】：

$.getScript(): "使用 GET HTTP 请求从服务器加载 JavaScript 文件，然后执行它" - 这应该如何使用editor_gecko.css?
你是对的。我完全忽略了它是一个 css :-S

标签： jquery script-tag .when link-tag stylesheet-link-tag

【解决方案1】：

我希望问题出在下面一行。

$.getScript ("/framework/static/libs/ckeditor/ckeditor/skins/bootstrapck/editor_gecko.css")

您可以在 documentation 中找到它使用 GET HTTP 请求从服务器加载 JavaScript 文件，然后执行它。

对于 css 文件，您必须使用下面的代码。

window.getStyle = function(file) {
  var top = $('head > link[rel=stylesheet]').length ? $('head > link[rel=stylesheet]:last') : $('head > *:last');
  top.after('<link rel="stylesheet" type="text/css" href="' + file + '">');
};

$.when(
  $.getScript("/framework/static/libs/ckeditor/ckeditor/ckeditor.js"),
  $.getScript("/framework/static/libs/ckeditor/ckeditor/config.js"), window.getStyle("/framework/static/libs/ckeditor/ckeditor/skins/bootstrapck/editor_gecko.css"),
  $.getScript("/framework/static/libs/ckeditor/ckeditor/lang/de.js"),
  $.getScript("/framework/static/libs/ckeditor/ckeditor/adapters/jquery.js"),
  $.Deferred(function(deferred) {
    $(deferred.resolve);
  })
).done(function() {
  alert(1);
});

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：