0

According to jQuery Mobile documentation ( http://api.jquerymobile.com/page-loading/ ), "The page loading widget handles the task of displaying the loading dialog when jQuery Mobile pulls in content via Ajax". According to my debugger, that is true. However, the listview takes long enough to load after the AJAX is done that there's still a period of time with a blank screen.

Any suggestions for how to keep the default loading message going even after the Ajax request is done?

EDIT: After stepping through jquery.mobile-1.3.1.js, I see that the TransitionPages function hides the page loading message. It doesn't actually pertain to the AJAX specifically. Now I just need to find a way to get the listview to load before this TransitionPages function is called.

EDIT: Further information, the problem is that jQuery finishes the page transition before AJAX has returned data. Therefore the listview doesn't finish loading until after all the page transition events have fired and completed.

Improve this question

1 Answer 1

Reset to default
0

Now that I've found that additional information, I was able to find this related question and answer. I'm still looking around to see if there is more information before I accept this as an answer.

How can I delay page transition in jQuery Mobile until page data is ready?

Improve this answer
1
  • This link works if you have multiple ajax and you just want to wait until they have all reached success, but other than that it essentially does the same thing as jqm. Still no luck finding a way to keep the message going until after the data is returned and displayed.
    – mary
    Commented Jun 7, 2013 at 16:42

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.