Question

我正在开发我的第一个触摸项目，我使用Backbone和RequireJS作为网站的框架。我使用Hammer.js作为触摸库，允许我拖动其他内容。

该网站的网格布局带有简单的3框图案。第一个框是屏幕的整个宽度，然后其他两个框直接位于其下方，宽度的50％。

我遇到的问题是我使用手机（iPhone 4S和Nexus 5）向下滚动到其他内容（我们使用延迟加载添加到网格布局）Hammer.js向右或向后拖动拖动离开事件。

我认为这是因为我的拇指在卷轴末端附近转了一圈。有没有办法阻止这种功能？就像右侧拖动也有向上拖动一样，它不会触发。

我使用的代码如下：

$('.tile').hammer().bind("dragright", function(event){
   event.gesture.preventDefault();
   console.log("The event type is: " + event.type)

   if ($(this).children('.desc').hasClass('active')) {
      $(this).children('.desc').removeClass('active');
   }
   else
   {
      $(this).children('.title').addClass('active');
   }
});

任何帮助都会很棒。我已经尝试过浏览Stack Overflow，但我认为我没有使用正确的术语，因为我没有太多成功找到我正在寻找的信息。

非常感谢，安德鲁

Hammer.js滚动激活拖动右侧功能

0 个答案: