有没有相当于安卓ViewPager的jQuery手机？

Question

我想用jQuery手机创建一个水平滑动效果。在做了一点研究后，我发现ViewPager，通常可以在Android Market的应用程序详细信息页面找到，它能做我想要的事情。在指定的页面中，作者描述了它以及Android中的代码，但我想知道jQM中是否有等效的插件或功能。

Answer 1

我喜欢SwipeJS，它是轻量级的，我喜欢它使用的一对一滑动因子(当你在元素上滑动手指时，它以相同的速度移动)。

还有一个运行得很好的iScroll 4 (它似乎比SwipeJS更难设置)。

但是，您可以利用jQuery移动中内置的swipe事件。您可以绑定到data-role="page"元素的swipeleft或swiperight事件，并根据当前页面将用户导航到正确的页面：

$(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 }对象被作为option对象传递给changePage()函数，因此动画将反向播放。