在jQuery-mobile中计算滑动距离

Question

我希望你今天很好,我正在尝试计算移动网站上的滑动距离(触摸手势),你将如何计算出用户在屏幕上滑动了多少像素？

$('.cmButtons').live('swipeleft',function(){
    console.log("swiped left");
});

Answer 1

我建议Matt Bryson提供优秀的jQuery TouchSwipe插件:http://labs.skinkers.com/touchSwipe/ .

它具有4个方向和1或2个手指的触摸和滑动事件.它有SwipeStatus,您可以使用它滑动距离:http://labs.skinkers.com/touchSwipe/demo/Swipe_status.html

Answer 2

不确定这是否有帮助，但在 Beta 2 中他们发布了一些额外的滑动功能

\n\n

\n
• http://jquerymobile.com/blog/2011/08/03/jquery-mobile-beta-2-released/
\n

\n\n

\n

添加了可配置的滑动事件阈值

\n\n

jquery.mobile.event.js 滑动代码中有许多硬编码常量。对于需要调整这些常量以允许更大的垂直位移并仍然记录滑动的开发人员来说，这个新功能允许对它们进行调整。感谢\n mlitwin 对此做出的贡献。

\n\n

\n
• scrollSupressionThreshold (默认: 10px) \xe2\x80\x93 超过这个水平\n位移，我们将抑制滚动
\n
• urationThreshold (default: 1000ms) \xe2\x80\x93 比这个更长的时间，并且它不是\xe2\x80\x99t 滑动
\n
• Horizo​​ntalDistanceThreshold（默认：30px） \xe2\x80\x93 水平滑动位移必须大于此值。
\n
• VerticalDistanceThreshold（默认值：75px） \xe2\x80\x93 滑动垂直位移必须小于此值。
\n

\n

\n