2013-10-14 3 views
0

jquery mobile로 시작한 것만으로도 데이터 롤 페이지의 개념을 이해합니다.jquery 모바일에서 공통 요소를 처리하는 방법

이 페이지, 기존의 웹 사이트로 렌더링 할 때, 이상적으로 일반적인 마크 업 (헤더, 메뉴, 바닥 글) 을 많이 포함하고, 내가 각을 부탁 내 응용 프로그램은 하나의 HTML 파일 내에서 하나의 페이지 대신 여러 사람으로 구성됩니다 새 페이지는 페이지의 내용을 수정하고 모든 추가 마크 업을로드하지 않습니다. 이것은 좋은 서버 측을 처리하고 나머지 요소가없는 HTML 단편 만 리턴 할 수 있습니다. 그러나 jqm은 응답 만 표시하고 모든 공통 비트는 숨겨집니다. 누군가는 모든 것을 반환하기 위해 논할 수 있지만 일부 공통 요소 (예 : 메뉴) 에는 페이지로드시 AJAX 요청을 만들어 사용자 별 데이터를 표시하는 클라이언트 측 논리가 있으며 모든 경우에이를 수행 할 필요가 없습니다 페이지.

저는 이것이 매우 일반적인 시나리오라고 생각하며 여러분 모두가이 상황을 어떻게 처리했는지 알고 싶습니다.

감사

답변

1

확인 최신 JQM 1.4 demos. 머리글, 바닥 글, 패널 및 팝업은 JQM 페이지의 외부에서 만든, 그래서 남은 건 오직 changePage 호출에 변경됩니다 내용

<div data-role="page" id="your_page_id"> 
    <div class="ui-content"> 

    </div> 
    </div> 

만 페이지입니다 수 있습니다. 나머지는 지속될 것입니다.

참고 : JQM은 AFAIK 페이지의 외부 요소를 강화하지 않기 때문에, 페이지를 표시하기 전에

$(document).enhanceWithin() 

를 호출해야합니다.

+0

감사합니다. 그러나 1.4가 알파에 있음을 알 수 있습니다. 안정적인 버전 솔루션을 찾고 있습니다. 또한 당신이 선전 한 것에 대한 예를 찾을 수 없었습니다. 직접 연결 되셨습니까? – Thomas

+0

베타 - [이슈 추적기 템플릿] (http://jsbin.com/ofuhaw/95) – frequent

+0

을 참조하십시오. 현재 사용하고 있기 때문에 찾고있는 내용이 잘 작동합니다. – frequent

관련 문제