올바른 PhoneGap - 코르도바 멀티 페이지 접근

Question

복수 페이지 파일 대신 data-role='page' 속성 집합이 설정된 의 모든 HTML 및 div 요소로 한 페이지를 사용할 중요한 이유가 있습니까?

기본로드 된 파일을 만들 때 올바르게 작동하는 보조 페이지 (예 : index.html에서 링크 됨)에 코드 문제가있는 것 같습니다.

내가 묻는 이유는 모든 페이지에 공통적으로 포함되는 모든 포함 및 js와 함께 일반적인 헤더처럼 쉽게 재사용 가능한 코드를 가져올 수 없기 때문입니다. 따라서 DRY 원칙을 고수 할 수 없습니다.

페이지의 모든 섹션을 모두 포함하는 큰 페이지가 약간 잔인한 것처럼 보이므로 한 페이지에서 다른 페이지로 전환하는 것이 적절할 때 여분의 js 파일을 가져 오는 것과 같이 중간에 뭔가를 가정합니다. 로드 파일이 로컬 파일 시스템에서 모두로드 되었기 때문에 로딩 시간이 빠르기 때문에 하나의 "큰로드"를 수행 할 수 있습니다.

Answer 1

확인 세 번째 페이지로 전송할 수 있습니다. 아마도 DOM에로드 된 페이지를 작성하는 AJAX 요청을 트리거 할 수 있습니다.

Answer 2

모든 페이지에 하나의 html 파일을 사용하는 좋은 이유는 몇 가지 템플릿 엔진을 예.
시작할 때 모든 페이지를 만들고 초기화 할 수 있습니다.

Answer 3

각 페이지의 주요 내용을 별도의 html 파일로 저장해야합니다. 그런 다음 jQuery Mobile ajax 호출을 사용하여 각 템플릿 파일을 가져올 수 있습니다. 클라이언트가 다음 해시 URL #third있는 페이지를가합니다로드

<!-- Start of second page --> 
<div data-role="page" id="second"> 
</div><!-- /page --> 
<!-- Start of third page --> 
<div data-role="page" id="third"> 
</div><!-- /page --> 

그래서 때마다 : 당신이 아마 할 수있는 것은이 같은 모든 페이지 베어 HTML와 함께 index.html 파일을 가지고있다 http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-navmodel.html