Phonegap + JQuery Mobile을 사용하여 애니메이션 페이지 전환을 활성화하는 방법은 무엇입니까?

Question

JQuery와 모바일 문서 당

...

애니메이션 페이지 전환을 가능하게하기 위해, 외부 페이지 (예. products.html)를 가리키는 모든 링크는

어떻게 아약스

를 통해로드됩니다 , 심지어 가능하다면 웹 페이지에 앉아 있기보다는 모든 페이지가 로컬 인 Phonegap 응용 프로그램을 만들 때 페이지 전환을 활성화 할 수 있습니까?

Answer 1

AJAX가 로컬 파일 또는 웹에서로드되는 경우 차이가 없습니다 (웹을 도메인 허용 목록에 추가해야하는 경우는 제외).

기본적으로 iOS 용 Phonegap/Cordova는 www/index.html에서로드됩니다.

다음은 전환에 대한 인라인 데이터 속성이있는 2 페이지의 예입니다.

첫 페이지, page1.html

<!-- page1.html --> 
... 
<div id="page1" data-role="page"> 
    Local on same page<br/> 
    <a href="#samePage" data-transition="pop">same page</a> 

    Local in another page<br/> 
    <a href="page2.html" data-transition="fade">new page</a> 

</div> 

<div id="samePage" data-role="page"> 
    Same Page 
</div> 
... 

별도의 파일 page2.html을.

<!-- page2.html --> 
<div id="page2" data-role="page"> 
    Page 2 
</div>