gpt4 book ai didi

javascript - JQuery Mobile 幻灯片过渡反向但不向前

转载 作者:太空宇宙 更新时间:2023-11-04 12:28:29 26 4
gpt4 key购买 nike

我正在使用“多页”范式构建网络应用程序,尝试使用“幻灯片”转换在同一页面上的 DIV 之间进行转换。

我有两个功能在滑动或键盘左/右时触发:

function navnext(next) {
console.log('(next) navigating to ' + next);
$( ":mobile-pagecontainer" ).pagecontainer( "change", "#" + next, {
transition: "slide",
allowSamePageTransition: true
});
}

function navprev(prev) {
console.log('(prev) navigating to ' + prev);
$( ":mobile-pagecontainer" ).pagecontainer( "change", "#" + prev, {
transition: "slide",
reverse: true,
allowSamePageTransition: true
});
}

反向过渡工作正常。当上一页从左侧滑入时,当前事件页面向右滑动。

使用正向过渡,当前事件页面滑出,但空白的白色页面滑入。一旦白色页面滑入,内容就会闪烁。我不确定我做错了什么,或者是什么导致这只发生在一个方向上。

编辑:玩弄之后,我能够通过删除 header 来消除该问题。我感觉我没有正确使用外部 header 。

这是我的标题代码:

<div data-role="header" data-tap-toggle="false" data-theme="d">
<div class="icon-up-arrow">
<img src="/static/img/up-arrow-white.png">
</div>
<h1 id="header_text" class="smallcaps"></h1>
</div>

下面的JS运行在<body>的末尾标签:

$( "[data-role='header']" ).toolbar({ theme: "d" });
$( "[data-role='footer']" ).toolbar({ theme: "d" });

最佳答案

在我的标题中添加 data-position="fixed" 解决了这个问题。谢谢@ezanker。

关于javascript - JQuery Mobile 幻灯片过渡反向但不向前,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27845870/

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