2012-05-17 6 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

전환 : '역 슬라이드'가 사용되지 않습니다. 데이터 방향 = "반전"을 시도하십시오.

관련 문제