5

何らかの理由で、ipad で、デフォルトの左スワイプ [スライド] の場合、ページ間の 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>
4

1 に答える 1

11

transition:"リバース スライド" は非推奨のようです。data-direction="reverse" を試してください。

于 2012-05-31T18:27:30.390 に答える