2012-05-17 12 views
5

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> 

Respuesta

11

transición: "diapositiva inversa" parece obsoleto. Pruebe la dirección de datos = "inversa".

Cuestiones relacionadas