You need to sign in to do that
Don't have an account?
Jquery mobile: Loading Message
I am developing a mobile application using Jquery Mobile. When there is no loader, the app is working fine. But after adding loader in the app, when I change from page 1 to page 2, first it changes from page 1 to page 2, again it comes back to page 1 and then changes to page 2 and finally, load all the contents in the page 2.
When there is no loader, when I change from page 1 to page 2, it changes from page 1 to page 2 and loads the page 2 contents instantly. Why it is not working like same when I add to loader to it. Code for loader I am using is
$j(‘#body’).addClass(‘ui-loading’); $j(‘#body’).removeClass(‘ui-loading’); CSS: .ui-loader{ width:44px; height:44px; color:black; box-shadow:none; background-color:white; background:url('img/loader.gif') no-repeat; border:none; position:absolute; left:50%; margin-left:-48px; margin-top:-44px; background-position:center;}
Help will be appreciated. Thanks in advance.
Have you tried using the built in method for displaying the page loading class?
Yes, I have tried but still its not working.
I think you have a binding problem. This is purely a jQuery Mobile problem and has nothing to do with Visualforce or Salesforce.
See this link - http://stackoverflow.com/questions/9000221/jquery-mobile-page-transition-problems
If you get the binding right, it should be fixed. I hope this helps.
Regards,
Gaurav