大佬教程收集整理的这篇文章主要介绍了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>
以上是大佬教程为你收集整理的ipad – jquery移动幻灯片反转过渡显示过渡中间的空白页面全部内容,希望文章能够帮你解决ipad – jquery移动幻灯片反转过渡显示过渡中间的空白页面所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。