2012-05-17 8 views
5

何らかの理由で、ipadで、デフォルトのスワイプ左の[スライド]のときにページ間のjqueryモバイルスライドの遷移が完全に機能します。しかし、スワイプ右の[スライドリバース]のときは、移行中に空白のページがページ間にあるようです。jqueryモバイルスライドの逆方向遷移は、途中で空白ページを表示します

<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> 

答えて

11

移行:「リバーススライド」は廃止されたようです。 data-direction = "reverse"を試してください。

関連する問題