hammer.js를 사용하여 모바일 터치 입력을 캡처하고 싶습니다. 일부 요소 (예 : 'li')가 동적으로 생성되므로 망치 개체를 문서에 바인딩하고 선택기를 사용하여 이벤트를 캡처하고 싶습니다.
var hammer=Hammer(document.body);
hammer.on("release",'.touchzone',function(ev){
alert(ev.gesture);
});
위의 코드는 작동하지 않습니다. 경고가없고 기능이 입력되지 않았습니다. 그러나 망치 개체를 요소 div.touchzone에 직접 연결하면 작동 할 수 있습니다.
var hammer=Hammer($('.touchzone')[0]);
hammer.on("release", function(ev){alert(ev.gesture);});
jQuery 1.11.0과 v1.0.9 hammer.min.js (~ 13kb 크기)를 사용합니다.
가능한 이유는 무엇일까요?
아마도 $('.touchzone')[0]
jQuery 객체가 아닌 네이티브 DOM 객체를 반환하기 때문일 것입니다 .
Hammer와 함께 jQuery를 적용하려면 jQuery Hammer 플러그인을 사용할 수 있습니다 .
jQuery 뒤에 포함하면 다음을 수행 할 수 있습니다.
$(document.body).hammer().on('release', '.touchzone', function(ev){
alert(ev.gesture);
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다