Clignote lors de la navigation entre les pages

Il y a des news (2012-01-10) sur le scintillement sur Android, voir http://jquerymobile.com/blog/2012/01/10/upcoming-releases-1-0-1-1-1-and-beyond/

Citation: exclure les piètres performances des plates-formes comme Android 2.x à partir de la plus complexe de la diapositive, la pop et le et retournez les transitions de sorte que ces reviendra au transfert par défaut pour toutes les transitions pour assurer une expérience agréable.

Le CSS solution de ce fil ne fonctionne pas pour moi (Android 2.x).

J'ai désactivé la transistion avec data-transition="none" dans tous les liens et tout était ok. Il convient également de travailler lorsque réglé sur le niveau de la page, mais il ne fonctionne pas pour moi (jQuery Mobile 1.0). C'est le code:

//turn off animated transitions for Android
if (navigator.userAgent.indexOf("Android") != -1)
{
    $("a").attr("data-transition", "none");
}

De l'autre (la meilleure) façon serait de définir la valeur par défaut des transitions pour jQuery Mobile:

$(document).bind("mobileinit", function()
{
    if (navigator.userAgent.indexOf("Android") != -1)
    {
        $.mobile.defaultPageTransition = 'none';
        $.mobile.defaultDialogTransition = 'none';
    }
});

iPhone effectue les transitions de l'accélération matérielle, tandis que les autres plates-formes effectuent par le logiciel. C'est ce qui explique pourquoi seuls les iPhone effectue des transitions en douceur.

Je me suis débarrassé de le scintillement sur iOS! De l'électricité statique en-tête et pied de page.

J'ai mon css comme ci-dessous et aucune donnée de position="fixe" sur l'en-tête et pied de page.

.ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"],
.ui-mobile [data-role="dialog"], .ui-page, .ui-mobile .ui-page-active {
      overflow: hidden;
      -webkit-backface-visibility: hidden;
}

.ui-header {
    position:fixed;
    z-index:10;
    top:0;
    width:100%;
    padding: 13px 0;
    height: 15px;
}

.ui-content {
    padding-top: 57px;
    padding-bottom: 54px;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ui-footer {
    position:fixed;
    z-index:10;
   bottom:0;
   width:100%;
}

FIY: j'ai utilisé le CSS corrigé la semaine dernière et tout en se déplaçant sur j'ai rencontré un autre problème.

Mon application a une page de contact - assez simple en suivant la description donnée ici ( http://jquerymobile.com/demos/1.0a4.1/docs/forms/#forms-text.html ).

Cependant dès qu'il se concentre un champ de saisie de texte de la page est "saut" (lire scroling) en haut et en bas. Parfois, il saute aussi lors de la saisie de texte. Il est un peu difficile à décrire l'origine du problème est assez aléatoire, mais il y a une discussion à ce sujet. L'idée de désactiver le clignotement correctif vient de là aussi.
https://github.com/jquery/jquery-mobile/issues/2683#commits-ref-d195354

Encore du mal à trouver une "bonne" solution, mais dans le cas où vous n'avez pas de clavier d'entrée je suppose que cela va fonctionner à merveille!

J'ai eu le même problème et il a été causé par id en double à travers les différentes pages de mon code HTML.

Même si les id en double étaient dans les différentes pages html, JQuery Mobile compile tous vos fichiers HTML dans un seul document HTML, de sorte qu'il peut effectuer les transitions de page.

C'était résultant en HTML non valide et provoquant le clignotement similaire à ce que vous décrivez.

Une fois j'ai corrigé les id en double problème, tout fonctionnait à merveille.

Mise à JOUR: Débordement de Pile la Réponse à votre question en expliquant plus sur les id en double problème en Jquery Mobile https://stackoverflow.com/a/8608474/271125

Dans la de votre document, placez ce code:

<script src="disableTransition.js"></script>

Pour désactiver le Clignotement des transitions, à l'intérieur de la disableTransition.js fichier, placez ce code

$(document).bind("mobileinit", function(){
 $.extend(  $.mobile , {
 defaultPageTransition: 'none' 
});

 $.mobile.defaultPageTransition = 'none';
 $.mobile.defaultDialogTransition = 'none';
});

Résolu pour moi sur Android.

Vérifier ce lien , j'ai eu le même problème je me suis donc documenté il.

Lien contenu:

Je suis en train d'élaborer un phoneGap projet android qui est à l'aide de JQM. Mon
Le projet contient Fixe Externe en-tête et le groupe d'experts Externes.

Lors de la navigation d'une page à l'autre, je vois un blanc clignote ( l'Ensemble de la
Page) pour un bref instant, ce qui est surprenant. J'ai cherché en ligne, mais maintenant
des informations appropriées et beaucoup de changement de code sur JQM fichier Core. Après un
de longues recherches, j'ai pensé à elle et veux tout savoir sur elle.

Correction: Le Changement

<meta name = "viewport" content="width=device-width, initial-scale=1" />

À

<meta name = "viewport" content="width=device-width, user-scalable = no" />

https://shariefmohatad.wordpress.com/2014/06/12/blinkingflickering-with-jqmobile-and-phonegap-aka-phonegap-on-android-2/