Question

I’m using jQuery Mobile for a PhoneGap app. When I try to load an internal page like this:

$.mobile.changePage('#loginPage', { transition: "none"} );

The app waits for a fews moments then the page changes to the login page. Is it possible to show the loading message while the page is being loaded? I know changePage has a showLoadingMsg option but that only works for external pages.

Answer 1

Use $.mobile.showPageLoadingMsg(); on pagebeforecreate or pagebeforeshow event (depending on your case) and then $.mobile.hidePageLoadingMsg(); on pageshow event. Something like this:

$(document).on(
   'pageshow',
   '#loginPage'
   function()
   {
      $.mobile.hidePageLoadingMsg();
   }
);