Before I proceed I want to mention that I've read almost every comment on this page
Ok... I'm using jqm 1.1.0 (stable!) on a mobile app I'm building on PhoneGap/Cordova and I have around 15 html files that are inter-linked.
I have a variety of transitions set like pop, fade, slide etc. and almost every transition between page blinks or flickers... I see a very smooth slide in 1.1.0 (looks improved) but it still didn't fix the flickering.
When I tap on a link, the destination page flickers for a second, then a blank page flickers and then the destination page again smooth slides :(
I tried all of the tweaks mentioned in various blogs but still couldn't fix it
-webkit-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
$(document).bind("mobileinit", function(){
$.extend($.mobile, {
metaViewportContent: "width=device-width, height=device-height, minimum-scale=1, maximum-scale=1"
});
});
Btw, I'm also using the 1.1.0.css and everything works perfect other the transitions which is extremely annoying. Please help