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

Question

我已经使用 npm 函数构建了 apache cordova 并在 Eclipse 中打开了它，我已经对其进行了编辑，到目前为止，这些更改似乎工作正常。我现在想在添加到界面的按钮上设置一些绑定，并希望确保 $(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 )。它只是另一个事件绑定。所以你可以像这样移动你$.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');
    }
};