Javascript hammer.js 2.0在使用jquery插件时不返回事件选项？

我正在使用hammer.js使用panstart/panend浏览旋转菜单。我需要获得平底锅的距离，当使用以下代码并按预期记录距离/deltax/方向时，此功能正常工作：

var myElement = document.getElementById('footer');
var mc = new Hammer(myElement);
mc.on("panstart panend", function(ev) {
    console.log(ev.type);
    if(ev.type=='panend')
    {
        console.log('distance: ' + ev.distance);
        console.log('delta x: ' + ev.deltaX);
        console.log('direction: ' + ev.direction);
    }
});

但是，当我使用包含hammer jquery脚本的以下代码时，我会正确记录ev.type，但距离/增量/方向都未定义：

$('#wrapper').hammer().on("panstart panend", "#footer", function(ev){
    console.log(ev.type);
    if(ev.type=='panend')
    {
        console.log('distance: ' + ev.distance);
        console.log('delta x: ' + ev.deltaX);
        console.log('direction: ' + ev.direction);
    }
});

我不明白为什么会出现这种情况，因为代码是相同的，并且在使用jquery时触发了正确的ev.type事件。有谁能解释一下，当我使用jquery时，我需要在动态添加的元素上使用它，那么为什么我要使用jquery插件

谢谢大家,

Dave

向ev添加手势。距离/deltaX/方向控制台日志命令：

$('#wrapper').hammer().on("panstart panend", "#footer", function(ev){
    console.log(ev.type);
    if(ev.type=='panend')
    {
        console.log('distance: ' + ev.gesture.distance);
        console.log('delta x: ' + ev.gesture.deltaX);
        console.log('direction: ' + ev.gesture.direction);
    }
});

---

你能描述一下这是如何解决问题的吗？