我可以在document.ready()上获得一个延迟的jQuery吗？

Question

我的脚本加载后,我正在发出Ajax请求以获得一些翻译.这应该总是在文档准备好后返回,因为我在页面底部加载我的脚本,但我仍然很好奇是否可以在文档就绪状态下获得延迟对象.

这样就可以确保文档准备就绪并且Ajax调用在执行任何其他操作之前成功返回,例如:

$.when( $.ajax('translations'), document.ready())
.then(function(){
    // Start doing stuff here
});

Answer 1

您可以使用data()将延迟对象与文档关联,并在处理程序中解析()它ready.这样,您应该能够使用$ .when()使用存储的延迟对象:

$(document).data("readyDeferred", $.Deferred()).ready(function() {
    $(document).data("readyDeferred").resolve();
});

$.when($.ajax("translations"), $(document).data("readyDeferred"))
 .then(function() {
    // Start doing stuff here.
});

Answer 2

这是ircmaxell评论的清理版本:

(function() {
  var doc_ready = $.Deferred();
  $(doc_ready.resolve);
  $.when(doc_ready, $.ajax('translations')).then(function() {
    console.log("done");
  });
})();

编辑

一些澄清,以阻止不正确的编辑:

将函数传递给jquery对象(例如$(some_func))与$(document).ready(some_func).

因此,该$(doc_ready.resolve);行只是这样的简写:

$(document).ready(function() {
  doc_ready.resolve()
});

Answer 3

试试这个:

$.when($.ajax('translations'), $.ready).then(function() {
    // Start doing stuff here
});

Answer 4

我的版本是:

$.when(
  $.Deferred(function() { $(this.resolve); }), 
  $.ajax('translations')).
  then(function() { console.log("done"); });