捕获滑动效果以导航到HTML5 Ipad App中的下一页

时间:2011-11-21 07:36:10

标签: javascript ipad html5

我正在为Ipad制作在线产品目录的离线版本。它将用HTML5 / JS编写,并利用离线图像缓存和本地存储。

我希望能够在刷卡方面引入与Ipad相同的UI交互。因此,如果用户从右向左滑动,它将加载下一个产品。如果它们从左向右滑动,则会加载上一张图像。

如何使用Javascript捕获此内容?

1 个答案:

答案 0 :(得分:5)

您可以在此处查看移动版Safari支持的活动: http://developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

特别是

touchstarttouchmovetouchend个事件

或者,如果您不想重新发明轮子,可以查看以下脚本: http://cubiq.org/swipeview

http://plugins.jquery.com/project/swipe