Ext.onReady() 与 $(document).ready()

有什么不同？我有 $(document).ready 函数，它应该检查 extjs 是否已加载，但主要问题是 extjs 没有按时加载，并且 $(document).ready 内部的内容开始执行，extjs 创建函数会产生主要错误'无法在 Ext.create("...", {..}); 上执行 create of undefined'线。如果我像这样进行双重检查：

$(document).ready(function() {
    Ext.onReady(function() {
        Ext.create('Ext.Button', {...});
    });
});

事情神奇地运作着。现在我正在使用 ext-all.js，它压缩了约 1.3MB，恕我直言，这是相当大的……当他进行第二次检查时，东西会神奇地加载……但我认为这两个函数与它们不同定义表明，因为如果我放置另一个 $(document).ready 而不是 Ext.onReady() 行，事情会再次中断。我认为 Ext.onReady({}); function 还做了一些 $(document).ready() 没有的其他黑魔法，我很感兴趣是否有人知道这种魔法是什么？

因为它有效，但我不知道为什么这让我丧命。

感谢您阅读这篇文章。 =) 附：我使用 ExtJS 大约一天了，所以我对它还很陌生。

不，它们不一样，第一个将在加载 jQuery 库时触发，Ext.onReady(.. 将在加载 ExtJS 库时触发。

如果你想将它们结合起来，你可以这样做：

var extReady = false;
var jQueryReady = false;

var librariesReady = function () {
    if (jQueryReady && extReady) {
        //They're both ready
    }
};

$(document).ready(function () {
    jQueryReady = true;
    librariesReady();    
});
Ext.onReady(function () {
    extReady = true;
    librariesReady();
});