HammerJS 事件属性未定义

Question

我正在开发这个小网站：Website；我正在使用 HammerJS 作为触摸支持库。

它似乎正在响应事件，并且它识别 event.type 属性，但是当我尝试将 event.direction 或其他相关属性获取到 drag 事件时，控制台中没有任何输出（我正在控制台中记录结果）。

这就是我监听drag事件的方式“

Application.ApplicationController.prototype.Drag = function(selector, delay, callback) {
    return $(selector).on('drag', _.debounce(function(event){
        event.preventDefault();
        return (typeof callback === 'function' && callback !== undefined) ? callback.apply( event, [ event ] ) : 'Argument : Invalid [ Function Required ]';
    }, delay)); 
};

我这样称呼它：

this.Drag(selector, delay, function(event) {
    console.log(event.type, event.direction);
});

谁能告诉我我在那里做错了什么或者我错过了什么？

编辑：我刚刚替换了 jQuery 库：jquery.specialevents.hammer.js；与旧的 jquery.hammer.js ；现在似乎它正在响应所有事件并且我得到了我应该得到的所有属性。我仍然想知道为什么我尝试使用的那个不工作？

编辑：我找到了问题的根本原因，我的代码依赖于一些库，我正在使用 Yepnope 脚本加载器异步加载这些库，所以在某个地方而不是加载所有库（包括hammer.js 的jquery 插件），其中一些丢失了:) 我已经解决了这个问题，现在事件具有它们应该具有的属性。

Answer 1

我仍然想知道为什么我尝试使用的那个不工作？

了解jquery.specialevent.hammer.js 和jquery.hammer.js 之间的区别应该有助于理解问题。 Damien, the creator of jquery.specialevent.hammer.js, explains why.

然而，Eight Media 决定在 jQuery 中创建自己的命名空间以 激活事件。

$("#element").hammer({ /* options */ }).on("tap", function(ev) { 
    console.log(ev); 
}); 

所以最后他们没有使用默认值 jQuery事件系统。这意味着我现有的源代码使用 jQuery 移动事件必须更改。这就是为什么我决定 使用 jQuery 特殊事件 API 实现 Hammer.JS 的使用。

$("#element").on("tap", { /* options */ }, function(ev) {
    console.log(ev); 
}); 

我把 jquery.specialevent.hammer.js 放到我的 Github 那里你也可以找到一个演示。也许八媒体接受我的 拉取请求，它将成为 Hammer.JS 的一部分。

Answer 2

event.gesture.direction 应该会为您提供所需的内容。