Jquery mobile 滑动动画一次只显示一页

使用滑动滑动页面时，例如

// swipe right event (currentpage is pseudo code)
$("body").pagecontainer("change", "#page" + currentpage - 1, { transition: "slide", reverse: true });


// swipe left event
$("body").pagecontainer("change", "#page" + currentpage + 1, { transition: "slide" });

我得到了这样的效果：向右滑动时，当前页面立即消失，上一页从左侧滑入。向左滑动时，当前页面向左滑出，然后立即显示下一页

我想要的是旧页面滑出，新页面同时滑入，就像奥马尔的例子：

我尝试了$.mobile.changePage而不是更新的$（“body”）.pagecontainer（“change”），但这没有什么区别。我确保幻灯片目标页面确实存在于幻灯片之前（页面是动态创建的），并且在设置滑动之前，我还向页面构造函数添加了另一个调用

---

“翻转”转换在同一位置看起来非常好，可能是因为从来没有两个页面同时可见？我没有任何线索，我希望有人知道更多的“滑动”陷阱。

很抱歉，重新创建问题花了一段时间，小提琴变得相当长：

在本例中，我使用的是静态面板：

<div data-role="panel" id="select-panel" data-position="left" data-display="overlay" data-theme="a" data-bind="jQM: true">
    <div data-role="header" class="ui-header ui-bar-inherit">
        <h1 class="ui-title" role="heading" aria-level="1">Optionen</h1>
        <a href="#" data-rel="close" class="ui-btn ui-btn-right ui-btn-icon-right ui-icon-arrow-l ui-btn-shadow ui-btn-corner-all ui-btn-icon-notext"></a>
    </div>
</div>

绑定本质上执行

 $("#select-panel").trigger("create");

这是必须完成的，因为静态面板（每个页面可用的页面之外的面板）不能通过jQM得到增强

然而，在这种特殊情况下，一切似乎都很好，但幻灯片变得丑陋，如问题中所述

简单的解决方法是删除

data-role="header"

---

从标题开始。你可以在小提琴上试一试，幻灯片就可以了。

你是说你想看到两页都像这个图像滑块一样滑动。--确保在更改页面之前添加新页面。请输入更多相关的代码。你需要一个pagebeforechange事件--jQuery（“.selector”）。在（“pagebeforechange”，function（event）{…}）@Tasos：是的，这就是我想要的。关于“pagebeforechange”，我应该在该活动中做什么？刷卡事件已绑定，此时已呈现页面。请发布更多关于如何动态插入页面和绑定刷卡事件的代码？

data-role="header"