I’m developing an HTML5 app using PhoneGap + JqueryMobile. My problem is when I redirect the user to another page (for example, when he hits a link, or clicks an image button), I do it using:
$.mobile.changePage("next-page.html");
The problem is that when the second page loads, after the transition has been executed correctly, the background image seems to “blink” -I see the background, then it blinks to white, and then I see the background image again.
If then I go to the main menu and do the same, the “blink” problem does not happen again, just the first time the website is opened.
Any idea why this happens? Thanks!
I had the same issue. And I did fetch additional images on that page. Several answers show an CSS solution which didn’t work for me. Instead I used this approach: Flickering when navigating between pages
According to the jQuery Mobile theme this is an performance issue on the Android 2.x platform, so I turned off the animated transitions (details in the link above).