有没有jQuery Mobile相当于Android的ViewPager？

Question

我想使用jQuery Mobile创建水平滑动效果.经过一些研究,我发现ViewPager,通常在Android Market的应用程序详细信息页面中找到了我想做的事情.在指定的页面中,作者将其与Android中的代码一起描述,但我想知道jQM中是否存在等效的插件或功能.

Answer 1

我喜欢SwipeJS,它很轻巧,我喜欢它使用的一对一滑动因子(当你在元素上滑动手指时,它会以相同的速率移动).

还有iScroll 4是工作得很好(这似乎是更难的设置比SwipeJS).

但是,您可以使用swipejQuery Mobile中的内置事件.您可以绑定到元素的事件swipeleft或swiperight事件,data-role="page"并根据当前页面将用户导航到正确的页面:

$(document).delegate('#page-two', 'swipeleft', function () {
    //next page
    $.mobile.changePage($('#page-three'));
}).delegate('#page-two', 'swiperight', function () {
    //prev page
    $.mobile.changePage($('#page-one'), { reverse : true });
});

这是一个演示:http://jsfiddle.net/fFGvD/

注意将{ reverse : true }对象作为选项对象传递给changePage()函数,以便动画反向播放.