jQuery를 모바일로드 내가

Question

여기에 요청하지 않아도 DOM으로 페이지가 시나리오

나는 3 개의 페이지가있다 : 1.html, 2.html, 3.html. 나는 방법 다음 이동합니다

1.html --- window.location="2.html" ---> 2.html

2.html --- <a href="3.html" /> ---> 3.html

 click Back button 

2. HTML --- window.location="1.html" - 2.html의 하지만 내용이 DOM이 1.html의 내용을 대체 내부에로드 된 마지막 단계의 1.html로드에서> 1.html

그래서 난 1.html에있어하지만, 2.html의 내용을보십시오.

현재 무슨 일입니까? jQuery mobile은 2.html의 내용을로드해야한다고 생각하는 이유는 무엇입니까?

전 역사와 뒤로 버튼과 관련이 있습니다. 뒤로 버튼을 사용하지 않고 1.html과 2.html 사이를 탐색하면 작동합니다.

업데이트 여기에 코드 http://jsfiddle.net/x6bxN/ HTML 상자에서 코드를 가져 와서 세 개의 개별 파일로 분리하려고합니다.

Answer 1

jQuery 모바일에서 기록 및 뒤로 버튼을 처리하게하려면 $ .mobile.changePage를 사용하여 페이지를 변경해야합니다 (window.location = ..와 반대). 여기

상세 정보 : http://jquerymobile.com/demos/1.0rc1/docs/api/methods.html

Answer 2

당신이 봤어은 특별히 링크 데이터 아약스 = "false"를 설정하는 방법? 또는 rel = "external"이지만 다른 도메인으로 변경하려는 경우에만 사용됩니다.

둘 중 하나를 설정하지 않으면 JQM 하이재킹이 두려워집니다.

data-ajax = "false"로 작동하면 시도해보십시오.

사실 나는 정규 JQM-Ajax 링크와 비슷한 문제가 있습니다. 나는 아약스를 통해로드 페이지를 원하지만, 나는 이런 식으로 할 경우 :

• 는
• 는
• 는 = 다시로드의 PAGE1을 page2b로 이동 page2a로 이동 PAGE1로 이동 ...

매우 성가신 이미 Github에 문제를 제기했지만, Ajax를 사용하고 싶지 않으므로 괜찮을 것입니다.

작동하는지 알려주세요.

Answer 3

jQM 범위 밖에서 탐색하고 있지만 1.html이 location.hash에 있습니다.등 뒤로 버튼을 클릭 사용자가, 벤 독일어의 hashchange 특별 이벤트 플러그인을 (사용 window 객체에 바인딩 된 hashchange 이벤트, 를 통해 처리 할 때와 같은 클릭 독립적으로 발생

해시 변경, jQuery Mobile에 포함). 해시 변경 이 발생하면 첫 번째 페이지가로드 될 때 hashchange 이벤트 처리기가 location.hash를 $ .mobile.changePage() 함수로 보내고,이 함수는 참조 된 페이지를로드하거나 표시합니다.

로드 할 때 location.hash가 초기 1.html을 가지며 window.location을 사용하여 새 페이지를 탐색 할 때 새 페이지를 추적하지 않는다고 가정합니다. 브라우저의 뒤로 버튼을 사용하고 있기 때문에 jQM은 마지막으로 추적 된 위치를 사용합니다.이 위치는 귀하의 경우 1.html입니다.

위치를 추적해야하는 경우 jQM의 $.mobile.changePage()을 사용하는 것이 좋습니다. JQM 탐색에 더는 문서에서 찾을 수 있습니다

• http://jquerymobile.com/demos/1.0rc1/docs/pages/page-navmodel.html
• http://jquerymobile.com/demos/1.0rc1/docs/api/events.html
• http://jquerymobile.com/demos/1.0rc1/docs/api/methods.html

Answer 4

야생 추측. .ui-page 요소에 CSS 클래스 ui-page-active를 하드 코드하지 않았습니까? 두 페이지가 모두 표시 될 수 있기 때문입니다.