no oculte el cargador hasta que la página se cargue por completo en jquery mobile

estoy tratando de mostrar elwidget de carga de página hasta que la página se cargue por completo, después de eso debería ocultarse ... y hacer este proceso cada vez que pinche un ancla para transmitir a la página siguiente ...

Apoyo tengo tres páginas ...

<div data-role="page" id="home">....</div>
<div data-role="page" id="about">....</div>
<div data-role="page" id="contact">....</div>

Script en esto estoy usando: -

$(document).on("pagecreate", function(event) { 
    //alert("Take It Show");
    $( ".ui-loader" ).loading( "hide" );
});

¿Es posible agregar transición comodata-transition="slide" a cualquier ancla o usodata-ajax="false" en eso...??

Respuestas a la pregunta(1)

Su respuesta a la pregunta