Question

我想使用jQuery Mobile创建水平滑动效果。在做了一些研究之后，我发现ViewPager（通常位于Android Market的应用详细信息页面中）可以满足我的需求。在指定的页面中，作者将其与Android中的代码一起描述，但我想知道jQM中是否存在等效的插件或功能。

Answer 1

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

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

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

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

1 个答案: