jQuery Mobile‎ > ‎01. 페이지‎ > ‎

05. 이제 각각의 페이지를 연결하자


동일한 도메인에 속한 링크는 Ajax를 사용해서 불러들인다. 그러나, 다른 도메인에 연결되거나 rel="external", data-ajax="false", target 속성이 있는 때에는 전체 페이지를 새로 불러들이며, 페이지 전환 효과가 적용되지 않는다.

멀티 페이지로 구성된 문서 내의 다른 페이지로의 링크는 앵커(#)를 사용한다. 다만, Ajax로 불러들인 페이지에서 멀티 페이지로 구성된 다른 문서를 링크하는 때에는 해당 링크에 반드시 rel="external" 또는 data-ajax="false"를 추가해야 한다. Ajax 문서에서 사용된 해쉬(#)를 초기화 해야하기 때문이다.

링크에 data-rel="back" 속성을 추가하면 뒤로가기 버튼으로 작동한다. 이때 링크의 href 속성값은 "#" 또는 의미있는 링크를 입력하는 것이 적절하다. 기본 페이지 전환 효과는 오른쪽에서 왼쪽으로 슬라이드이지만, 뒤로가기가 작동하면 왼쪽에서 오른쪽으로 슬라이드 된다. 단순히 뒤로가는 페이지 전환 효과만 적용하는 경우라면 data-direction="reverse"를 사용한다.

파일명 대신 디렉토리명을 링크에 사용하는 때에는 반드시 마지막에 "/"를 붙여야 한다.

Ajax를 전혀 사용하지 않으려면 다음의 기본 설정을 변경한다.

$.mobile.ajaxEnabled = false

페이지 로딩시에 표시될 메시지를 설정하려면 다음의 설정을 변경한다.

$.mobile.loadingMessage = "loading"

페이지 로딩 에러 메시지 설정은 다음의 설정을 변경한다.

$.mobile.pageLoadErrorMessage = "Error"

Comments