在jQuery Mobile中从左向右滑动

时间:2011-08-26 13:46:32

标签: jquery-mobile sliding

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

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

有没有办法做到这一点?

5 个答案:

答案 0 :(得分:12)

使用JQM的一种更简单的方法是:

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

或者也在js中:

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

答案 1 :(得分:3)

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

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

答案 2 :(得分:1)

data-direction =“reverse”不属于页面,您将其添加到链接:

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

会向您发送带有反向过渡的page.html。

答案 3 :(得分:0)

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

答案 4 :(得分:0)

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