jQuery 就绪回调的调用顺序答案

【问题标题】：Call order of jQuery ready callbackjQuery 就绪回调的调用顺序
【发布时间】：2012-10-09 09:48:43
【问题描述】：

如果页面中有两个需要在文档加载完成时调用的 javaScript 函数。是否有可能任何函数都可以先执行，或者它总是第一个执行的函数？

如果你有以下代码，那么如果使用 jQuery：

$(document).ready(function(){ function1(); });

$(document).ready(function(){ function2(); });

function2 会先执行还是会始终先执行 function1？

【问题讨论】：

【解决方案1】：

jQuery 就绪使用 Deferred object system ：

ready: function( fn ) {
    // Add the callback
    jQuery.ready.promise().done( fn );

    return this;
},

（来自source code）

回调按照添加的顺序执行

所以是的，您的回调将按添加顺序执行。

【讨论】：

【解决方案2】：

如果你想让这些函数按顺序执行，为什么不直接写：

$(document).ready(function(){ 
    function1();
    function2();
});

【讨论】：

【解决方案3】：

最好利用回调函数来确定函数的执行顺序

【讨论】：