Phonegap 여러 html 페이지에서 탐색 모음이 작동하지 않습니다.

Question

여러 HTML 페이지 phoneGap 응용 프로그램에서 작업 중이며 탐색 모음을 구현하고 싶습니다. 내가 폰갭 navigation bar 구현을 위해 다음 코드를 사용하고

이 같은 index.html에서

, 내가 정의한 탐색 모음 : 나는 응용 프로그램을 실행하면

function onDeviceReady() { 
    plugins.navigationBar.init(); 

    // or .create("BlackOpaque") to apply a certain style 
    plugins.navigationBar.create("BlackOpaque"); 

    plugins.navigationBar.setTitle("Home"); 
    plugins.navigationBar.hideLeftButton(); 
    plugins.navigationBar.hideRightButton(); 
    plugins.navigationBar.show(); 
} 

, 그것의 상단에있는 탐색 모음을 만듭니다 제목이 HOME 인 색인 페이지로 왼쪽 또는 오른쪽으로는 navBarButton이 없으므로 홈페이지에 필요하지 않습니다. 왼쪽 쓰기 버튼이없는 즉 같은 제목 : 나는 버튼을 클릭하여 다음 HTML 페이지 xyz.html에 갈 때

는 단, navBar는 동일한 동작을 보여줍니다.

그러나 현재로드 된 페이지의 제목을 변경하고 leftNavBarButton 레이블을 뒤로 삽입하여 이전 페이지로 돌아갈 수도 있습니다.

하지만 그것은 일어나지 않습니다. 또한 xyz.html 페이지에 스크립트를 작성하여 제목을 변경하고 leftNavBarButton을 다시 작동하지만 작동하지 않도록 설정해야합니다.

동일한 제목의 앱 전체에서 정적이며 이전 페이지로 돌아갈 수 없습니다. 나는 그 행동이 모든 페이지마다 바뀌고 이전 페이지의 상태를 유지하는 글로벌 일 것입니다! 내가 어떻게 할 수 있니?

Answer 1

HTML 파일 당 단일 페이지 템플릿 (= 1 jQuery 모바일 페이지)을 사용하는 경우 모든 HTML 파일에 JS 코드를 포함시켜야합니다.

당신이 할 수있는 일은 모든 사용자 정의 JS 코드를 JS 파일에 넣고 가지고있는 모든 HTML 페이지에 가져 오는 것입니다. 또한, 모든 페이지에서 사용할 다른 JS 라이브러리를 가져 오십시오.

예는 :

<script src="./js/navigationbar.js"</script> 
<script src="./js/myjs.js"></script> 
... 
... 

또 다른 해결책은 그들에게 탐색 할 때 페이지의 새로 고침을 강제하는 것입니다.

이 경우 모든 페이지에서 모든 JS 코드를 가져올 필요가 없으며 각 HTML 파일에 대해이 주어진 파일에 필요한 JS 파일을 가져올 수 있습니다.