■ 페이지 이동(changePage)
JQuery Mobile를 사용할 경우 자바스크립트의 페이지 이동인 location.href 가 동작하지 않는 경우가 생긴다.
이때 JQuery Mobile의 페이지 이동메서드를 사용하면 된다.
location.href(URL);
$.mobile.changePage(URL 또는 페이지 ID, 옵션);
옵션에는 transition. reverse, changeHash, role, pageContainer, type, data, reloadPage 등을 사용할 수 있다.
ex) $.mobile.changePage("#a", {transition:"slidedown"});
ex) $.mobile.changePage("#a", {reloadPage:"true"});
ex) $.mobile.changePage("#a", {reverse:false});
■ 애니메이션 효과의 종류
slide : 왼쪽으로 미끄러지듯 이동(기본)
slideup : 위쪽으로 미끄러지듯 이동
slidedown : 아래쪽으로 미끄러지듯 이동
pop : 팝업 형태로 새 페이지가 나타남
fade : 기존 페이지가 희미해지면서 새 페이지가 나타남
flip : 뒤집어 지면서 새 페이지가 나타남