본문 바로가기
----- IT -----/jQuery Moblie

jQuery Mobile - 이전페이지로

by 대소니 2011. 4. 27.

이전 페이지로 돌아가기 버튼

외부 혹은 내부 페이지의 링크를 클릭하여 이동하면 프레임웍에서 자동으로 해더부분 왼쪽에 back 버튼을 생성해 줍니다. 만약, 개발자가 back과 동일한 다른 버튼을 생성하고자 할 경우에는 data-rel 속성을 추가하여 사용합니다.

앵커 태그에 data-rel=back 속성을 사용하면 앵커 태그에 명시되어 있는 링크 경로는 무시되어지고 이전 페이지로 돌아갑니다. 표준화가 되지 않은 버전의 브라우저에서는 이 속성을 사용하더라도 디폴트 링크 경로로 페이지가 이동될 수 있으니 정확한 경로를 제공해야 합니다. 또한, 이전 페이지로 돌아가는 듯한 페이지 전환 효과만을 원한다면 data-direction =reverse 속성을 사용하면 됩니다.

<a href="#foo" data-rel="back">
위 처럼 사용하면 해당 링크를 클릭시 내부 페이지인 #foo 로 이동하는 것이 아니라 해쉬 히스토리 상의 이전 페이지로 돌아갑니다. 이전 페이지로 이동시 보여지는 페이지 전환 효과는 왼쪽에서 오른쪽으로 애니메이션 됩니다.

<a href="#coo" data-direction="reverse">
reverse값을 사용하면 해당 링크를 클릭시 href의 페이지로 이동하게 되며, 페이지 전환 효과는 이전 페이지로 돌아가는 듯한 왼쪽에서 오른쪽으로 애니메이션 됩니다.



'----- IT ----- > jQuery Moblie' 카테고리의 다른 글

jQuery Mobile - 다이얼로그  (0) 2011.05.02
jQuery Mobile - page transitions  (0) 2011.05.02
jQuery Mobile - 이전페이지로  (0) 2011.04.27
jQuery Mobile - 외부, 내부 page  (0) 2011.04.23
jQuery Mobile - 기본 page  (0) 2011.04.22
jQuery Mobile 이란?  (0) 2011.04.22

댓글0