jQuery Mobile是否相当于Android的ViewPager?

我想使用jQuery Mobile创建水平滑动效果。 经过一些研究后,我发现ViewPager (通常位于Android Market的应用详细信息页面中) ViewPager我的需求。 在指定的页面中,作者将其与Android中的代码一起描述,但我想知道jQM中是否存在等效的插件或function。

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

iScroll 4也运行良好(设置似乎比SwipeJS更难)。

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

 $(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()函数,因此动画将反向播放。