Обнаружение готовности Apache Cordova и JQuery

Я собрал apache cordova с помощью функций npm и открыл его в 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');
}

};

person Stephen Brown    schedule 11.08.2013    source источник


Ответы (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');
    }
};
person twil    schedule 11.08.2013