javascript - 如何使用 hammer.js jQuery 插件设置不同的速度来识别滑动？

Question

我在查找/弄清楚如何向 hammer.js 添加选项时遇到问题使用时是jQuery plugin .这就是我启动 hammer 的方式:

            /* Create Hammer object for swipable game cards */
            $('.game-card-mobile')
            .hammer()
            .bind('swiperight swipeleft press', function(ev) {
              console.log(ev.type);
            });

我发现为了执行滑动 Action ，需要进行相对快速的滑动，我想降低触发事件所需的滑动速度。阅读文档后:http://hammerjs.github.io/recognizer-swipe/似乎有一个默认为 0.65 的速度选项，所以我认为可以以某种方式将其更改为 0.5，以便在较慢的滑动时触发事件？

编辑:如果这有任何帮助，这里有一些用 javascript 编写的滑动测试示例:https://github.com/hammerjs/hammer.js/blob/master/tests/unit/gestures/test_swipe.js
这显示了如何设置 {threshold: 1} 的示例，我试图在使用 jQuery 插件时实现这一点。

Answer 1

您发布的链接来自名为 Hammer.js 的库。您必须在您的项目中导入此库才能使其正常工作。

识别前所需的最小速度，单位是 px per ms 就像他们说的那样，然后是每毫秒 0.65px，然后设为 0.50 应该会发生事件触摸速度较慢。

0.50 -> 会在

之前触发

0.80 -> 更难射击

var hammertime = new Hammer(myElement, myOptions);
hammertime.on('swipe', function(ev) {
    alert(ev);
});

hammertime.get('swipe').set({ velocity: 0.80});

也许是正确的方法？

嘿，它对你有帮助。

---

编辑: 正如 jquery api 页面中所述:Hammer 实例存储在 $element.data("hammer") 中。

然后也许

$("#yourdivtoswipe_id").data('hammer').get('swipe').set({ velocity: 0.80});

问候