jQuery Forum

Hello kind people of the internet (I've posted similar msg's to StackOverFlow too...in hopes of getting an answer)

I'm on my second week of trying to resolve this issue of getting a load message to properly display :-(

I'm just having a very tough time getting either the pagebeforecreate or the pagebeforeshow events to fire the $.mobile.showPageLoadingMsg(). 

Here's a link to example on jsfiddle:

http://jsfiddle.net/7fxQf/25/

Note the jsFiddle is referencing the mobile 1.0b3 library.

Here's sample of the basic code snippet that should work, but does not:

$('#mypageone').live('pagebeforecreate', function (event, ui) {

   alert('Just selected page one!');

   //HEY!!! the page load never pops up :-(

   $.mobile.loadingMessage = "this msg set on live pageshow from mypageone...";

   $.mobile.pageLoading();

   $.mobile.showPageLoadingMsg();

   calcLongList();  //simple list generation of a 1000 lines to screen

   //$.mobile.hidePageLoadingMsg();

});

...but however, if change to just "pageshow", the load message will display, but of course after the 5-10 seconds it takes to generate the list :-( ...which is certainly not what I want.

Also, it does not matter if I comment out the calcLongList function or not...the page load msg behaves the same:  works for 'pageshow'...but not for the 'pagebeforeshow' or the 'pagebeforecreate'...and I'm pulling my hair out trying to figure out what I might be doing wrong?

Any advice or guidance would sure be appreciated, thanks in advance