android - 是否有 jQuery Mobile 等同于 Android 的 ViewPager？

Question

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

Answer 1

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

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

不过，您可以利用 jQuery Mobile 中的内置 swipe 事件。您可以绑定(bind)到 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() 函数，因此动画将反向播放。