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

我在查找/弄清楚如何在使用0700时将选项添加到hammer.js时遇到问题.这就是我启动锤子的方法：

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

我发现为了执行滑动操作需要进行相对快速的滑动,我想降低触发事件所需的滑动速度.阅读文档后阅读：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插件时实现这一点.

解决方法:

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

在识别之前所需的最小速度,单位为每毫秒px,然后是每毫秒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});

问候

标签：jquery,javascript,touch,hammer-js
来源： https://codeday.me/bug/20190612/1222999.html