why does $(window).scroll() need to be called inside the onDeviceReady event handler?

Question

I'm writing Cordova project with jQuery Mobile.I have the code to detect user scroll to the bottom.It's work but I don't know why the code need to be placed inside deviceready event handler? Waiting for something get ready?

function onDeviceReady() {
    $(window).scroll(function () {
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
            alert("bottom!");
        }
    });
}

score 0 · Answer 1 · edited May 23 '17 at 12:08

Please read this as that should help. JQuery document.ready vs Phonegap deviceready

I am also adding the required code once device is ready and document is loaded to avoid any issue like variable not declared, class not found etc. In simplest form it means once device is ready(alot of backgound activites happens for the phonegap app from the time it shows the splash screen(I am using sencha touch based phonegap app) page is loaded completely(all elements analyzed), then only user scroll can be determined that it reaches to bottom/end of the document(js loaded completley and reacting to events). This is my understanding

why does $(window).scroll() need to be called inside the onDeviceReady event handler?

1 Answers1