在 jQuery Mobile 中从左到右滑动过渡答案

【问题标题】：sliding left to right transition in jQuery Mobile在 jQuery Mobile 中从左到右滑动过渡
【发布时间】：2013-04-08 23:30:40
【问题描述】：

当 swipeleft 发生时，我正在添加页面运行时间。但是当 swiperight 发生时，我无法返回使用 从从左到右滑动创建的上一个页面。

我已将data-direction="reverse" 添加到页面，但它没有产生从左到右的效果。

有什么办法吗？

【问题讨论】：

标签： jquery-mobile sliding

【解决方案1】：

使用 JQM 可能更简单的方法是：

<a href="page.html" data-transition="slide" data-direction="reverse">Link Text</a>

或者，在 js 中作为：

$.mobile.changePage("page.html", { transition: 'slide', reverse: true });

【讨论】：

【解决方案2】：

function ChangePage(pageId,iPageIndex) {
    var forward = iCurrCardIndex < iPageIndex;
    iCurrCardIndex = iPageIndex;

    $.mobile.changePage("#" + pageId, "slide", !forward, true);
}

【讨论】：

【解决方案3】：

data-direction="reverse" 不属于该页面，您将其添加到链接中：

<a href="page.html" data-direction="reverse">Link Text</a>

将通过反向转换将您发送到 page.html。

【讨论】：

【解决方案4】：

通过使用 data-rel="back" jQuery Mobile 将模仿后退按钮，请参阅此处的“后退链接”： http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/pages/docs-pages.html

【讨论】：

【解决方案5】：

<a href="nextPage.html" data-transition="reverse slide">Next page</a>

【讨论】：

这会在当前页面和你想去的页面之间显示一个空白页面