Sto testando un'applicazione web mobile integratajQuery Mobile 1.1.0. Sto testando l'applicazione del sito web usando il mio Galaxy Nexus su Android 4.0. C'è un brutto sfarfallio nella transizione swipe CSS e ho cercato le correzioni e ho trovato questo:
.ui-page {
-webkit-backface-visibility: hidden;
}
Tuttavia, quando uso questa correzione, la pagina indice che ha un listview non viene visualizzata. Mi aiuti per favore. Quale potrebbe essere il problema?
risposte:
4 per risposta № 1L'unico vero modo per evitare lo "sfarfallio" è di disabilitare del tutto le transizioni di pagina di jQuery Mobile. Nel tuo documento, inserisci questo codice:
// load your custom jQuery Mobile Defaults
<script type="text/javascript" src="mobile/js/mobile-site-custom-jqm-defaults.js"></script>
// load jQuery Mobile
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
// load your scripts.js (your javascript & functions, etc.)
<script type="text/javascript" src="mobile/js/script.js"></script>
Per disabilitare le transizioni, all'interno del file mobile-site-custom-jqm-defaults.js, inserisci questo codice:
$(document).bind("mobileinit", function(){
$.extend( $.mobile , {
defaultPageTransition: "none"
});
});
4 per risposta № 2
Ho trovato in rete questa soluzione:
if (navigator.userAgent.indexOf("Android") != -1) {
$.mobile.defaultPageTransition = "none";
$.mobile.defaultDialogTransition = "none";
}
L'ho provato sull'app per Android scritta con l'uso dicordova 2.2.0, jquery 1.8.2 e jquery mobile 1.2.0. E devo dire che funziona. Spero che il team di sviluppo di jquery mobile risolva lo sfarfallio delle transizioni, ma ora l'unico modo è di disattivarle tutte. Voglio aggiungere che ho controllato tutti i css ingannati dalle prime 30 ricerche di google su questo argomento.
0 per risposta № 3
Non ha funzionato anche per me (specialmente in iOS), quindi ho usato
<a href="index.php" data-transition="none">Index</a>
Ha funzionato per me. Transizione di pagina