Question

I would like to show the loading spinner while a function is running in jquerymobile.
The function is non ajax its just going to calculate some values and save to a sqlite db.
I have searched and i keep finding the same examples saying use $.mobile.showPageLoadingMsg(); etc.

example

function loading()
{
    $.mobile.showPageLoadingMsg();

    //Do Some Stuff in here

    $.mobile.hidePageLoadingMsg();
}

Thanks In advance.
Lmac

Answer 1

You can simply call:

 $.mobile.showPageLoadingMsg();

at the beginning of your function as you mentioned but on a callback of your function

$.mobile.hidePageLoadingMsg();

If you wanted the loader to appear for a certain period of time you could use:

$.mobile.showPageLoadingMsg();
var wait = setTimeout(function(){
    $.mobile.hidePageLoadingMsg();
},400);