jQuery (IBM Worklight) 페이지 탐색 및 뒤로 버튼

Question

jQuery 라이브러리가있는 IBM Worklight를 사용하여 응용 프로그램을 개발 중입니다. 응용 프로그램의 구조

입니다 Login.html -> Menu.html ->

메뉴 1

-> Menu1.html -> (버튼 클릭) -> Detail.html - > Menu2.html - -> (버튼 클릭에) -> data.html -> edit.html

그래서 응용 프로그램은 위에서 설명한 흐름으로> address.html는

메뉴 2 (저장) . jQuery 단일 페이지 템플릿을 사용하고 있습니다 (각 html 파일에서). 응용 프로그램이 더 많은 페이지를 가지고 있고 html에서만이 모든 작업이 적합하지 않기 때문입니다.

나는

<div data-role="page" id="menuPage" data-theme="c"></div> 
<div data-role="page" id="menu1" data-theme="c"></div> 
<div data-role="page" id="details" data-theme="c"></div> 

을 생성 버튼을 내가 위의 HTML 파일의 동적 요소를 생성하고 jQuery.append()를 사용하여 추가 $('#divID').load(abc.html, callback) 및 callback에를 사용하여 각각의 사업부 내부의 각각의 HTML 파일을로드하고 클릭했습니다. 요소가 추가 된 후 $.mobile.changePage($('#menuPage'), 'pop');을 사용하여 페이지를 변경합니다.

지금까지는 모든 것이 잘 작동하지만 뒤로 버튼을 사용하려고하면 문제가 발생합니다. 크롬 브라우저 또는 모바일 시뮬레이터에서 이전 버튼을 사용할 수 있지만 이전 페이지에서 링크/버튼을 사용하면 다음 페이지로 이동하려고 할 때 어떤 스타일도 만들어지지 않습니다. 어떤 스타일도없이 C-Grade 브라우저에서와 마찬가지입니다.

그래서 질문은 페이지와 상호 작용하고 DOM에서로드하는 것이 올바른 방법인지 여부입니다. 그리고 버튼을 올바르게 작동시키는 방법.

어떤 제안 사항이 도움이 될 것입니다. 미리 감사드립니다 ...

Answer 1

$("#ID").trigger("create") or 
$("#ID").page().trigger("create") or 
$("#ID").trigger("pagecreate"). 

위의 코드를 모두 하나씩 페이지를로드 한 후 콜백 함수에 추가해보십시오.