Unterschied zwischen $ (document) .ready und $ (document) .on ('pageinit')

Ich verwende jquery mobile und möchte diesen Code reproduzieren:

$(document).ready(function () {
    $.mobile.loading('show');
});

Es zeigt den Spinner, bis ich mich entscheide, ihn in anderen Funktionen zu verstecken

$.mobile.loading( 'hide' );

Jetzt sehe ich, dass document.ready () in jquery mobile 1.2 veraltet ist, also schlagen sie vor, es durch zu ersetzen$(document).on('pageinit')

Aber wenn ich meinen Code durch den vorgeschlagenen ersetze, wird der Spinner automatisch ausgeblendet ... warum? Dies ist der neue Code:

 $(document).on('pageinit',function(){
     $.mobile.loading( 'show' );
 });

Antworten auf die Frage(4)

Ihre Antwort auf die Frage