Diferencia entre $ (documento) .ready y $ (documento) .on ('pageinit')

Estoy usando jquery mobile y me gustaría reproducir este código:

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

Muestra el spinner hasta que decido ocultarlo usando otras funciones.

$.mobile.loading( 'hide' );

Ahora veo que document.ready () está en desuso en jquery mobile 1.2, por lo que sugieren reemplazarlo con$(document).on('pageinit')

Pero si reemplazo mi código con el sugerido, el hilandero se oculta automáticamente ... ¿por qué? Este es el nuevo código:

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

Respuestas a la pregunta(4)

Su respuesta a la pregunta