jQuery Mobile: show load meassage

Nello scenario di un massiccio ricorso ad ajax da parte di jQuery Mobile, è opportuno considerare lla necessità di visualizzare un messaggio che avverta del caricamento in corso delle nostra pagina chiamata, in modo che anche chi accederà con connessioni lente non abbia  il dubbio che la pagina non stia funzionando debitamente.

jQuery Mobile dispone già di tutto il necessario perché questo avvenga e sarà quindi necessario solamente intercettare l’evento e utilizzare la funziona opportuna.

Nella pagina predisporremo dunque due bottoni uno per mostrare il messaggio e l’altro per nasconderlo:

<a href="#" id="show" data-role="button">Show</a>
<a href="#" id="hide" data-role="button">Hide</a>

e mediante il metodo on andremo ad associare al click sui bottoni la visualizzazone del messaggio di attesa oppure la sua rimozione:

$('#show').on('click', function(){$.mobile.showPageLoadingMsg();})
$('#hide').on('click', function(){$.mobile.hidePageLoadingMsg();})

Questo link per fare il test.