Jquery 모바일로 이미지 스 와이프

Question

j.query mobile을 사용하고 있습니다. ".leaves"클래스로 이미지를 스 와이프하면 경고 메시지를 표시하고 싶습니다. 다음과 같은 방법으로 처리 할 수 ​​있습니까? 작동하지 않습니다.

function swipe(){ 
    $('.leaves').swipe(function(){ 
      alert('grrrr'); 
     }); 
} 

swipe(); 

Answer 1

나는 구조에 대한 아무 생각하지만 당신이 시도 할 수 있습니다 :

// to be sure that your page is created 
    $(document).on("pagecreate", "#your_page_id", function() { 
      $(document).on("swipeleft", ".leaves", function(){ 
        console.log('swipeleft'); 
      }); 
      $(document).on("swiperight", ".leaves", function(){ 
        console.log('swiperight'); 
      }); 
     }); 

Answer 2

이 작동합니다 :

$(document).on("swipe", ".leaves", function(){ 
     console.log('Swipe'); 
}); 
$(document).on("swipeleft", ".leaves", function(){ 
     console.log('Swipe left'); 
}); 
$(document).on("swiperight", ".leaves", function(){ 
     console.log('Swipe right'); 
});