javascript - 检测 Apache Cordova 和 JQuery 何时都准备就绪

Question

我使用 npm 函数构建了 apache cordova 并在 Eclipse 中打开了它，我对其进行了编辑，到目前为止所做的更改似乎工作正常。我现在想在我添加到界面的按钮上设置一些绑定(bind)，并想确保 $(document).ready() 已触发。我试图保留原始 index.js 文件附带的结构，但我不习惯这种 xyz: function() 语法。我以为我做对了，但它没有返回警报。

var app = {

initialize: function() {
    this.bindEvents();
},

bindEvents: function() {
    document.addEventListener('deviceready', this.onDeviceReady, false);
},

onDeviceReady: function() {
    $(document).ready(this.onQueryReady);
},

onQueryReady: function() {
    alert('jQuery Ready');
}

};

Answer 1

$(document).ready(function() {...}) 本质上是 document.addEventListener( "DOMContentLoaded", completed, false ) 或 window.addEventListener("load", completed, false)。它只是另一个事件绑定(bind)。所以你可以像这样将你的 $.ready() 移动到 bindEvents()

var app = {
    initialize: function() {
        this.bindEvents();
    },

    bindEvents: function() {
        document.addEventListener('deviceready', this.onDeviceReady, false);
        $(document).ready(this.onQueryReady);
    },

    onDeviceReady: function() {
    },

    onQueryReady: function() {
        alert('jQuery Ready');
    }
};