jQuery Mobile - 이전페이지로

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

외부 혹은 내부 페이지의 링크를 클릭하여 이동하면 프레임웍에서 자동으로 해더부분 왼쪽에 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의 페이지로 이동하게 되며, 페이지 전환 효과는 이전 페이지로 돌아가는 듯한 왼쪽에서 오른쪽으로 애니메이션 됩니다.