2

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

4

1 回答 1

5

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

还有一个运行良好的iScroll 4（它似乎比 SwipeJS 更难设置）。

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

于 2012-04-09T16:44:22.960 回答