2012-05-17 14 views
5

किसी कारण से, आईपैड पर, पृष्ठों के बीच मेरी 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

संक्रमण: "रिवर्स स्लाइड" पदावनत लगता है। डेटा-दिशा = "रिवर्स" आज़माएं।

संबंधित मुद्दे