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

时间:2013-08-11 18:57:24

标签: javascript cordova-3

我使用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');
}

};

1 个答案:

答案 0 :(得分:0)

$(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');
    }
};