HTML5   发布时间:2022-04-27  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了ipad – jquery移动幻灯片反转过渡显示过渡中间的空白页面大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
出于某种原因,在ipad上,我的 jquery移动幻灯片页面间的过渡是完美的,当它是认向左滑动[slide]时.但是当它向右滑动[向后滑动]时,在过渡期间页面之间似乎有一个完整的空白页.

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

解决方法

过渡:“反向幻灯片”似乎已被弃用.尝试data-direction =“reverse”.

大佬总结

以上是大佬教程为你收集整理的ipad – jquery移动幻灯片反转过渡显示过渡中间的空白页面全部内容,希望文章能够帮你解决ipad – jquery移动幻灯片反转过渡显示过渡中间的空白页面所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。