Por alguna razón, en el iPad, mis transiciones de diapositivas móviles de jquery entre páginas funcionan perfectamente cuando se desliza por defecto hacia la izquierda [diapositiva]. Pero cuando se desliza hacia la derecha [deslizamiento hacia atrás], parece que hay una página blanca vacía completa de entre páginas durante la transición.La transición inversa de la diapositiva móvil de jquery muestra una página en blanco en medio de la transición
<div data-role="page" id="zine1">
<div data-role="content">
VARIOUS HTML CONTENT
</div><!-- /content -->
</div>
<div data-role="page" id="zine2">
<div data-role="content">
VARIOUS HTML CONTENT
</div><!-- /content -->
</div>
<div data-role="page" id="zine3">
<div data-role="content">
VARIOUS HTML CONTENT
</div><!-- /content -->
</div>
<script>
$(document).ready(function() {
window.now = 1;
//get an Array of all of the pages and count
windowMax = $('div[data-role="page"]').length;
doBind();
});
// Functions for binding swipe events to named handlers
function doBind() {
$('div[data-role="page"]').live("swipeleft", turnPage);
$('div[data-role="page"]').live("swiperight", turnPageBack);
}
function doUnbind() {
$('div[data-role="page"]').die("swipeleft", turnPage);
$('div[data-role="page"]').die("swiperight", turnPageBack);
}
// Named handlers for binding page turn controls
function turnPage(){
// Check to see if we are already at the highest numbers page
if (window.now < windowMax) {
window.now++
$.mobile.changePage("#zine"+window.now, {transition:"slide"});
}
}
function turnPageBack(){
// Check to see if we are already at the lowest numbered page
if (window.now != 1) {
window.now--;
$.mobile.changePage("#zine"+window.now, {transition:"reverse slide"});
}
}
</script>