锤js不破坏实例

Question

我有一张工作幻灯片，正在处理Hammer js的panleft和panright 每当我滑动时，它都会跳过两张三张幻灯片，然后在我添加touchh.add( new Hammer.Pan({ threshold: 0, pointers: 0 }) );之后显示第4张幻灯片 我创建的实例在哪里

const elements = document.getElementById('slide-big');
const touchh = new Hammer(elements);

touchh.on('panleft panright', function(ev) {

        if (ev.type === 'panleft') {

            touchh.add( new Hammer.Pan({ threshold: 0, pointers: 0 }) );
            //some logic
        }
});

添加threshold后，无论您以多快的速度滑动鼠标，一次都显示一张幻灯片。

，但是在转到另一页并再次返回后，它也遇到了同样的问题。滑动不会停在下一张幻灯片上，并且会随机跳过。 我在我的node js项目中使用了Hammer。 任何解决方案都可以。

注意：我已经尝试取消绑定元素，例如 $('slide-big').unbind();