是否有 jQuery Mobile 相当于 Android 的 ViewPager？

Question

我想使用 jQuery Mobile 创建一个水平滑动效果。经过一番研究，我发现ViewPager（通常在 Android Market 的应用详情页面中找到）可以满足我的需求。在指定的页面中作者描述了它以及Android中的代码，但我想知道jQM中是否有等效的插件或功能。

Answer 1

我喜欢SwipeJS，它很轻巧，而且我喜欢它使用的一对一滑动系数（当你的手指在元素上滑动时，它以相同的速度移动）。

还有iScroll 4 效果很好（它似乎比 SwipeJS 更难设置）。

但是，您可以在 jQuery Mobile 中使用内置的 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 } 对象作为选项对象传递给changePage() 函数，因此动画将反向播放。