Search jQuery

jQuery Forum

Ajax Loader on ajax success callback

in jQuery Mobile • 11 years ago

Hi all,

I have the ajax loader window showing in the first ajax call, which is perfect but if I nest another ajax request inside the success callback and try to use the function $.mobile.showPageLoadingMsg(); the message does not show.

any ideas?

thanks

Replies(3)

arschmitz

Re: Ajax Loader on ajax success callback

11 years ago

is just the message no showing or is the spinner showing can you be a little more specific.

ant1234

Re: Ajax Loader on ajax success callback

11 years ago

both are not shown, so the following is not shown:-

(taken from the jquery mobile JS file)

var $loader = $( "<div class='ui-loader ui-body-a ui-corner-all'><span class='ui-icon ui-icon-loading spin'></span><h1></h1></div>" );

The process that I am taking is as follows

1.make ajax call update text on ajax loader

2.trigger $.mobile.showPageLoadingMsg()

3. on success hide ajax loader using $.mobile.hidePageLoadingMsg() and then make new ajax request updating text again

4. trigger $.mobile.showPageLoadingMsg()

5. on success hide ajax loader $.mobile.hidePageLoadingMsg()

however step 4 does not work

I am using jquerymobile 1.0.1

ant1234

Re: Ajax Loader on ajax success callback

11 years ago

I have fixed the issue for myself just by wrapping step 3 with a if boolean check to decide whether to hide the ajax loader based on whether the request is nested. Not too sure why this happens, maybe I am using the ajax request incorrectly

Top Reply

Response title

Attachments

jQuery Forum

Ajax Loader on ajax success callback

Replies(3)

Re: Ajax Loader on ajax success callback

Re: Ajax Loader on ajax success callback

Re: Ajax Loader on ajax success callback

Statistics

Tags

Actions