如何使用 Hammer.js 为识别器识别子节点上的事件

Question

我的场景：
-我有一个带有缩略图的侧边栏

我想要达到的目标：
- 滑动侧边栏以将其关闭

我被困在哪里：
- 在侧边栏上滑动可以正常工作，但如果在图像缩略图上开始滑动，它不会注册为侧边栏上的平移事件，因此它仅在空白区域是滑动的原点时才有效

我没用jquery，直接用JS + Hammer.js

function setupSidebar(elem){
  let sidebar = new Hammer.Manager(elem);
  sidebar.add(new Hammer.Pan({ direction: Hammer.DIRECTION_LEFT, threshold: 0}));
  sidebar.on('panstart',function(){ isPanning = false; });
  sidebar.on('pan',dragX);
}

以上是我将事件绑定到侧边栏本身的方式。它是从一个循环中调用的，该循环简单地遍历具有特定类名的任何内容。

Answer 1

我发现了问题。我使用的是 e.target 而不是 this，在实际代码运行中引用该对象。这就是阻止子事件触发拖动的原因。