hammer.js 2.0에서는 jquery 플러그인을 사용할 때 이벤트 옵션을 반환하지 않습니까?

Question

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); 
    } 
}); 

내가 망치 JQuery와 스크립트 (다음 코드를 사용할 때 포함) 그럼 난 ev.type가 제대로 기록하지만 거리 /위한 deltaX/방향이 모두 정의되어 있지 얻을 :

$('#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 플러그인을 사용하는 이유는 무엇입니까?)

모두에게 감사,

데이브

Answer 1

당신의 ev.distance/deltaX/direction 콘솔 로그 명령에 .gesture을 추가

$('#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); 
    } 
});