jQuery Mobile을 사용하여 모든 페이지에 navbar 유지

현재 jquery 모바일 프레임 워크를 사용하여 phonegap 앱을 만들고 있습니다.jQuery Mobile을 사용하여 모든 페이지에 navbar 유지

index.html을 (글로벌 레이아웃)
home.html을 (홈페이지)
settings.html (설정 페이지)
:

는이 같은 여러 페이지를 가지고있다. ..

모든 페이지에 navbar가 있고 모든 페이지 (집, 설정 ...)에 중복없이 보관하고 싶습니다. 왜 내가 할 수 없는지 알지 못한다. (header.html 포함? 또는 전역 레이아웃에서 navbar를 설정 하시겠습니까?). 나는 사용하여 내 응용 프로그램에서 검색 페이지

내 네비게이션 바 유지를 위해 할 수있는 방법

<a href="home.html" data-transition="slide">Home</a>

사이의 연결?

감사합니다,

출처

2012-06-26 alexmngn

내 대답을 참조하십시오 당신이 동등하게 사용할 수 http://jsfiddle.net/ca11111/CxFWh/7/ 네비게이션 바의 문자열을 기반으로 네비게이션 바 삽입됩니다 이 문자열이 포함 된 navbar.html 파일 (jsfiddle에서 수행 할 수 없음) –

하지만 당신은 당신이있는 경우를 제외하고 많은 것을 얻을 수없는 많은 탭, 그것은 추가 모든 페이지의 공통 푸터는 공통 HTML 파일을 형성합니다.

$('[data-role=page]').live('pageshow', function (event, ui) { 
    $("#" + event.target.id).find("[data-role=footer]").load("footer.html", function(){ 
      $("#" + event.target.id).find("[data-role=navbar]").navbar() 
    }); 
});

대한 추가 정보는이 게시물 참조 용 - Jquery Mobile Same Footer on Different Pages가

출처

2012-06-26 04:16:54 dhaval

좋아요! 하지만 어떻게 페이지에 지속적으로 유지하면서 그렇게 할 수 있습니까? [이] (http://demos.jquerymobile.com/1.3.0-rc.1/docs/demos/widgets/navbar/footer-persist-a.html)와 같이? – zok

또한'navbar()'함수의 목적은 무엇입니까? – zok

는 각 data-role="page" 반복 네비게이션 바에 요소가 있어야합니다. 이 Js Fiddle Work Out

또는 dhaval에 의해 제안, 아약스를 통해 모든 페이지에 삽입 등의 :이 게시물을 시도

Js Fiddle Work Out

출처

2012-06-26 04:16:31

jQuery Mobile을 사용하여 모든 페이지에 navbar 유지

답변

관련 문제