JQuery와 모바일 슬쩍 이벤트는 때때로 (폰갭을 사용하여)

Question

내가 swipeleft 및 swiperight 청취자

$("#slides li").swipeleft(function(){ 
    console.log("!!!! swipe left"); 
}); 
$("#slides li").swiperight(function(){  
    console.log("!!!! swipe right");    
}); 

가 그리고 가끔 작동이 방법을 추가,하지만 대부분하지 작동합니다. 나는 다른 것을하지 않고있다.

PhoneGap 1.4.0, JQuery mobile 1.0 및 JQuery min 1.7.1을 사용하고 있습니다.

아이디어가 있습니까? 미리 감사드립니다.

Answer 1

모바일 브라우저는 일반적으로 캐시가 작동하는 방식으로 인해 id 특성에 문제가 있습니다. 즉, id 속성은 페이지에서 한 번만 사용하더라도 고유 한 것은 아닙니다.

대신 슬립 이벤트를 class에 바인딩하면 이러한 종류의 문제를 피할 수 있습니다. 그것은 다음과 같이 보일 수 있습니다

$('.slides').bind('swiperight',function(event, info){ 
    console.log("!!!! swipe right"); 
}); 

jQuery를 모바일은 또한 (예 슬쩍 같은) 다른 제스처에 어떻게해야 민감한 정의하는 자바 스크립트 코드의 일부 상수가 있습니다. 이러한 상수를 변경하여 애플리케이션이 스 와이프 이벤트에보다 민감 해 지도록 할 수 있습니다.