[jQueryMobile]swipeleft, swiperight 메서드

jQuery 에서 기본으로 제공하는 라이브러리 외에 모바일을 위한 라이브러리가 따로 존재한다.

그 메서드 중에서 swipeleft 와 swiperight 는 선택된 요소를 손으로 휙 밀었을때 사용이 된다.

제이쿼리 모바일의 예제를 보도록 하자

저 녹색 바를 좌측으로 밀면

미리 만들어둔 클래스 swipeleft 가 들어가게 되어 녹색바가  하늘색으로 변경되는걸 확인할 수 있다.

반대로 오른쪽 으로 밀었을 경우엔 swipeleft 라는 클래스를 빼버리는 제이쿼리를 넣어 보도록 해보자.

.

.

.

.

.

.

.

function removeBox(event){
    $(event.target).removeClass("swipeleft");
}
 
$( "div.box" ).on( "swiperight", removeBox);