gpt4 book ai didi

ipad - jquery移动幻灯片反向过渡在过渡中间显示空白页

转载 作者:行者123 更新时间:2023-12-04 17:11:34 30 4
gpt4 key购买 nike

出于某种原因,在 ipad 上,当默认向左滑动 [slide] 时,我的 jquery mobile 页面之间的幻灯片转换效果很好。但是当它向右滑动[反向滑动]时,似乎有一个全空白页在过渡期间的页面之间。

<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移动幻灯片反向过渡在过渡中间显示空白页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10628928/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com