Ipad jquery移动幻灯片反向转换在转换中间显示空白页
出于某种原因,在ipad上,我的jquery手机幻灯片在默认向左滑动[slide]的情况下,页面间的切换效果非常好。但是当它是向右滑动[幻灯片反转]时,在转换期间,页面之间似乎有一个完全空白的白色页面Ipad jquery移动幻灯片反向转换在转换中间显示空白页,ipad,jquery-mobile,transition,slide,Ipad,Jquery Mobile,Transition,Slide,出于某种原因,在ipad上,我的jquery手机幻灯片在默认向左滑动[slide]的情况下,页面间的切换效果非常好。但是当它是向右滑动[幻灯片反转]时,在转换期间,页面之间似乎有一个完全空白的白色页面 <div data-role="page" id="zine1"> <div data-role="content"> VARIOUS HTML CONTENT </div><!-- /content --&
<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>
各种HTML内容
各种HTML内容
各种HTML内容
$(文档).ready(函数(){
window.now=1;
//获取所有页面的数组并计数
windowMax=$('div[data role=“page”])。长度;
doBind();
});
//用于将滑动事件绑定到命名处理程序的函数
函数doBind(){
$('div[data role=“page”]).live(“swipeleft”,翻页);
$('div[data role=“page”]).live(“swiperight”,翻页);
}
函数doUnbind(){
$('div[data role=“page”]).die(“swipeleft”,翻页);
$('div[data role=“page”]).die(“swiperight”,翻页);
}
//用于绑定翻页控件的命名处理程序
函数翻页(){
//查看我们是否已经在最高数字页面
如果(window.now
转换:“反向幻灯片”似乎已被弃用。尝试data direction=“reverse”