jQuery 모바일을 사용하여 AJAX를 통해 다중 페이지 템플릿을로드하는 방법은 무엇입니까?

Question

내 webapp에 문제가 있습니다. 브라우저에서 "여러 페이지 템플릿"페이지를 열면 DOM에서 두 페이지를 모두 볼 수 있지만 하나만 활성화되어 있습니다. 논리적이며 아무 것도 말하지 않습니다.

이전 페이지에서 '다중 페이지 템플릿'페이지를로드 할 때 아약스 전환을 사용하면 DOM의 이전 페이지를 볼 수 있습니다 (또한 논리 : 사용자가 돌아가려면이 페이지를 다시로드하지 않아야 함) 내 "여러 페이지 서식 파일"페이지에있는 페이지 중 하나만로드됩니다 (첫 번째 페이지).

자바 스크립트에서 내 모든 프로세스 중에 실수를 한 것으로 생각합니다. ID 충돌을 피하기 위해로드 한 후 비활성 페이지를 자동 삭제합니다. 그러나이 페이지의 특별한 경우를 작성했습니다. 삭제 기능. http://jquerymobile.com/demos/1.0/docs/pages/page-anatomy.html

I : 그리고 그것은 완벽하게 내가 (두 페이지 내 "특별한 경우"코드가 작동의 DOM에) 브라우저에서 "다중 템플릿"을 열 때

그래서 내가 문서 페이지에 가서 작동 부분 아래로 스크롤 : "멀티 페이지 템플릿 구조" 잘 우리는 코드를 볼 수있는 요소 을 검사> 버튼 "보기 멀티 페이지 템플릿"을 클릭 : 그래서

<a href="../../docs/pages/multipage-template.html" 
data-inline="true" 
data-theme="b" 
data-role="button" 
rel="external" 
class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow vt-p ui-btn-up-b"> 
<span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true"><span class="ui-btn-text">View multi-page template</span></span> 
</a> 

의 확인해를 = " 외부 " c ode는이 페이지가 아약스 전환을 사용하여로드되지 않는다는 것을 의미하며이 버튼을 클릭하면 다중 페이지 템플릿이 완벽하게 작동합니다 (하지만 아약스를 통해로드되지는 않습니다 ...) 버튼 코드로 돌아가 동적으로 DOM에서 rel = "external"속성을 사용하므로 페이지가 아약스에로드됩니다. 버튼을 클릭했는데 다중 페이지가 잘로드되었지만 "#two"페이지에 도달하는 것은 불가능했습니다. 그리고 DOM을 잠시 살펴본 후, id = "two"의 페이지는 존재하지 않았고, 프레임 워크에 의해로드되지 않았습니다.

아마 정상적인 동작이지만 AJAX 전환을 사용할 때 여러 페이지 템플릿의 모든 내부 페이지를로드 할 수있는 방법이 있습니까?

이것은 정상적인 동작입니다

Answer 1

(내 나쁜 영어 죄송합니다, 나는 아직도 이해할 바랍니다)하지만 해결 방법이 있습니다. Todd Thomson의 체크 아웃 jQuery-Mobile-Subpage-Widget.