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

时间:2014-04-16 21:17:32

标签: javascript jquery touch hammer.js

我正在开发我的第一个触摸项目,我使用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,但我认为我没有使用正确的术语,因为我没有太多成功找到我正在寻找的信息。

非常感谢, 安德鲁

0 个答案:

没有答案
相关问题