有什么适合触摸手势的好用JavaScript库或jQuery插件?

14

我不需要像Sencha或jQuery mobile这样的完整框架,只需要能够检测手势,如滑动或捏合,以优化我的网站在触摸设备上的某些部分。

我以前从未使用过触摸事件,所以不知道从哪里开始。是否有一个轻量级的框架或jQuery插件可以做到这一点?


http://www.sitepoint.com/jquery-plugin-for-touch-swiping-part-1-of-2/ - stormwild
为了完整起见:现在有一个新的东西出现了:http://interactjs.io/ - schmidsi
4个回答

14
你可以查看以下内容:Hammer.js,该库可以作为独立库运行,也可以作为jQuery插件使用; QuoJS是一个微型库,与jQuery兼容性良好; 如果你计划使用jQuery UI,则touchpunch可以胜任!

PEP是什么?http://goo.gl/Y69w9b - briangonzalez
1
Hammer.js 相当有 bug。我已经看到它多次无法正常工作(最近一次是在 Android 最新版 Chrome 中无法触发 swipeleftswiperight)。 - Adonis K. Kakoulidis
@briangonzalez,“jquery.pep.js”似乎与滑动手势毫不相关?它是一个“jQuery插件,可以将任何DOM元素转换为可拖动对象”。 - KajMagnus
1
如果你正在使用jQuery,可以尝试一下https://github.com/benmajor/jQuery-Touch-Events。这是我目前看到的最好的一个,文档也很棒。 - Aart den Braber

5

或者,如果你只需要一个滑块,请访问 http://swipejs.com/。 - jobwat
TouchSwipe看起来很不错。如果他们提供更多的东西而不仅仅是演示就好了。你知道,比如在哪里下载它。 - Darrell Brogdon
Darrell Brogdon - 整个项目都可以在 GitHub 上找到 - https://github.com/mattbryson/TouchSwipe-Jquery-Plugin - jobwat
他们需要在他们的网站上链接到那个。 - Darrell Brogdon
链接在右上角:“Fork me on GitHub”。但有趣的是,这确实意味着页面中心部分可能应该添加另一个提及;您可以提出建议,页面也在github上:https://github.com/mattbryson/TouchSwipe-Jquery-Plugin/blob/gh-pages/index.html :) - jobwat
奇怪。我的一个Chrome扩展程序可能隐藏了“Fork me on GitHub”横幅。 - Darrell Brogdon

2

既然您标记了jquery,我建议使用jQTouch


2

我写了一个jQuery插件:TouchIt,它可以将触摸事件转换为鼠标事件。博客文章中包含指向GitHub的链接。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接