开发者

sliding left to right transition in jQuery Mobile

开发者 https://www.devze.com 2023-03-31 04:40 出处:网络
I\'m adding pages run time when swipeleft is happened. B开发者_开发技巧ut when swiperight happened I can\'t return the previous page that I\'m created with sliding from left to right.

I'm adding pages run time when swipeleft is happened. B开发者_开发技巧ut when swiperight happened I can't return the previous page that I'm created with sliding from left to right.

I have added the data-direction="reverse" to the pages but it didn't create left-to-right effect.

Is there any way to do this?


A maybe easier way using JQM would be:

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

or also, within js as:

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


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

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


data-direction="reverse" does not belong on the page, you add it to the link:

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

will send you to page.html with a reverse transition.


By using data-rel="back" jQuery Mobile will mimic the back button, see "Back linking" here: http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/pages/docs-pages.html


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

精彩评论

暂无评论...
验证码 换一张
取 消