There are a lot of flickerings & flashing when it comes to page transition in my Samsung S3 Android 4.1.2 device.  

I use Phonegap 3.1.0, JQuery 1.10.2 and JQuery Mobile 1.3.2

This issue seems to trouble a lot of developers for more than 3 years now. Is there a solid solution for this? Is there a JQuery mobile version that handles page transitions with greatness? Or a workaround for this? (and I don't mean setting the pageTransition to 'none')

Up to now I've tried:

1)

1. <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1">

2)

1. $(document).on("mobileinit", function() {
2.       $.mobile.touchOverflowEnabled = true;
3. });

3) Commenting out:

1. meta.attr( "content", enabledZoom ); 
2. meta.attr( "content", disabledZoom );

in JQM javascript file 

4) css from JQM docs:

1. .ui-mobile-viewport > div
2. {
3. display: none; 
4. }
5. 
   
6. .ui-mobile-viewport > div.ui-page-active
7. {
8. display: block;
9. }

5) other css:

1. .ui-page {
2.     -webkit-backface-visibility: hidden;
3. }
4. .ui-page, .ui-page * {
5.     -webkit-transform:translateZ(0);
6. }

BUT with no luck!!!