Javascript Hammer.js on tap正在阻止父div滚动

我目前正在使用Hammer.JS创建一个桌面和移动友好的用户界面

下面是一个父div的CSS，其中包含由JS填充的较小div

.attributescroll {
  float: left;
  width: 100%;
  height: 100px;
  background: #1A1A1A;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  cursor: pointer;
}

它由几个子元素填充为“.attribute”

对于它们中的每一个，我都有一个tap事件，它将文本设置在文本的其他位置（目前）。但这样做，我现在无法滚动父div

$('.attribute').each(function() {
  var selectedAttribute = new Hammer(this);
  selectedAttribute.on("tap", function(event) {
    if ($(".mobiletopicwrap").css("display") == "block") {
      $(".mtopmytopic").html($(event.target).html());
    } else {
      $(".topmytopic").html($(event.target).html());
    }
  });
});

---

我试过设置触摸动作，但没有效果。任何指导都将不胜感激

无法再现您的情况。 基于您的代码，我在下面编写了这个代码片段。希望您能以类似的方式复制您的问题，因此我可以提供进一步的帮助

$（'.attribute'）。每个（函数（）{
var selectedAttribute=新锤子（此）；
selectedAttribute.on（“点击”），功能（事件）{
如果（$（“.mobiletopicwrap”）.css（“显示”）=“块”）{
$（“.mtopmytopic”）.html（$（event.target.html（））；
}否则{
$（“.topmytic”）.html（$（event.target.html（））；
}
});
});  
.attributescroll{
浮动：左；
宽度：100%；
高度：100px；
背景：#1A1A；
溢出：隐藏；
溢出-x：自动；
空白：nowrap；
光标：指针；
}
.属性{
宽度：100px；
背景：黑暗；
高度：80px；
显示：内联块；
边缘顶部：10px；
}
.家长{
宽度：500px；
}

感谢您的回答，据我所知，此代码仍在出错。值得一提的是，这种情况只发生在手机上。事实上，我已经把它归结为移动Chrome中的一些东西，以及它如何使用hammer.js。我借了一部朋友的手机，用了Safari，它成功了。我已经向hammer.js提交了一个问题。感谢您花时间和精力尝试复制和修复该问题。这个答案可能会有所帮助：谢谢@RinoTovar，这是一个3年前的问题，从那时起我已经有一段时间没有使用HammerJS了，但感谢您花时间让未来的观众解决类似的问题。