jquery mobile swipe 다루기

swipe------사용자가 세로로 20픽셀 이하, 가로로 30픽셀 이상 쓸어 넘겼을때 발생

 

swipeleft----사용자가 왼쪽으로 30픽셀 이상 쓸어 넘겼을때 발생

 

swiperigth---사용자가 오른쪽으로 30픽셀 이상 쓸어 넘겼을때 발생

 

slide--------왼쪽이나 오른쪽에서 이전 내용을 밀어내며 나타납니다(기본값은 오른쪽에서 왼쪽으로 나타 나지게 됩니다.

 

reverse------역방향으로 화면이 나타 납니다.

 

 

$("#page1").bind("swipeleft", function(event){
     $.mobile.changePage("#page2", {transition:"slide"});
    });

 

위와 같이 사용할 경우 화면을 왼쪽으로 쓸어넘겼을때 다음페이지를 오른쪽에서 왼쪽으로 나타나지게 됩니다

 

$("#page1").bind("swipeleft", function(event){
$.mobile.changePage("#page2", {transition:"slide", reverse:false});
});

 

$("#page2").bind("swiperight", function(event){
$.mobile.changePage("#page1", {transition:"slide", reverse:true});
});

 

위와 같이 reverse 를 줄경우 왼쪽으로 쓸어넘기는건 왼쪽으로 화면이 나타나지고 오른쪽으로 쓸어 넘기는건 오른쪽으로 화면이 나타나게 됩니다.