não esconda o carregador até que a página carregue completamente em jquery móvel

Eu estou tentando mostrar oWidget de carregamento da página até que a página carregue completamente, depois disso ele deve se esconder ... e fazer esse processo toda vez que eu soco qualquer âncora para transmitir na próxima página ..

Suporte eu tenho três páginas ...

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

Script sobre isso eu estou usando: -

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

É possível adicionar transição comodata-transition="slide" a qualquer âncora ou usardata-ajax="false" nisso...??

questionAnswers(1)

yourAnswerToTheQuestion