I like jQuery Mobile’s page loading spinner. When you transition between pages it displays a nice subtle spinner while the page loads, only if the page load takes more than a configured number of milliseconds.
$.hidePageLoadingMsg. The problem is, you can either show a spinner only, or a text-message only. You can’t show both a spinner and a text message, even though they clearly support it. Well, you can do that if you have the global setting
$.mobile.loadingMessageTextVisible = true, but then you get a text with your normal page-load spinners.
I’ve created a workaround for this and included it in my jquery.mobile.utils library. Using this you can call:
1 2 3 4
That will let you leave the standard textless page-loading spinenrs alone, but be able to show a nice themed wait box with a spinner while your app is doing something the user needs to wait for, that looks like this:
jquery.mobile-1.1.0.js is loaded.