728x90
반응형

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

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


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



저 녹색 바를 좌측으로 밀면

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


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


.

.

.

.

.

.

.

1
2
3
4
5
function removeBox(event){
    $(event.target).removeClass("swipeleft");
}
 
$( "div.box" ).on( "swiperight", removeBox);
cs


반응형

'jQuery' 카테고리의 다른 글

제이쿼리 콜백함수  (0) 2015.04.28
add 메서드  (0) 2015.04.28
[jQueryMobile]swipeleft, swiperight 메서드  (0) 2015.04.17
context 매개변수  (0) 2015.04.16
mouseenter 과 mouseover 메서드의 차이  (0) 2015.04.15
index 메서드  (0) 2015.04.15

댓글 0