Flash of content unstyled JQuery Mobile
Am using JQuery mobile and my own custom style sheet and just before the JQM stylesheet and my stylesheet kick in I see the page unstyled, I have a number of checkboxes and radio buttons across various JQM 'pages' on one html file, tried numerous of ways to try and wait until CSS has loaded before showing page but cant seem to get any to work with JQM.
Maybe I need a separate style sheet for to hide.html ?
Dont quite know why this .ui-mobile-rendering > * { visibility: hidden; }
is not doing its job ? I dont see the spinning loader between transitions either.
Click to move from index.html > section1.html
Page transitions fine
Then see (very briefly) unstyled content
Page renders ok
Problem seen whilst testing as webapp but so frustrating as when I roll this into a phonegap app its becomes worse.