2012-05-21 2 views
1

상당히 간단한 앱을 비교적 빨리 만들려고 노력하고 있습니다. jQuery Mobile을 처음 사용하기 때문에 일부 입력이 필요한 디자인 결정에 직면하고 있습니다.jQuery Mobile의 고급 페이지 전환 시스템을 사용하면 어떤 이점이 있습니까?

내 페이지 중 일부는 양식을 사용하여 GET을 통해 다음 페이지로 데이터를 전달합니다. 이제 jQuery Mobile을 사용하여 응용 프로그램을 수정 했으므로 데이터를 구식 방식으로 페이지에 전달하기 위해 각 페이지에 'data-ajax = "false"'를 적용해야합니다. 그러면 다음 페이지가 ajax를 통해로드되지 않습니다.

나는 이것에 만족하지만 jQuery Mobile의 ajax 시스템을 수용하기 위해 현재의 모델을 완전히 수정하고 있습니다. 나는이 일을하기를 꺼 렸습니다. 왜냐하면 다시 생각할 때가 많고, 다시 구현할 시간이 더 필요할 것이기 때문입니다.

질문 : 이것이 jQuery Mobile의 데이터 전달 시스템을 사용하여 아약스를 통해 많은 페이지가로드 된 단일 DOM으로 작동하도록 내 애플 리케이션을 다시 작성하면 어떤 이점이 있습니까? 왜 내가 신경 써야합니까?

는 (당신은 내가 거의 그 형태의 시스템이 시작하는 작동 방식을 이해 말할 수 있습니까?)은 "JQM 방법"의

답변

3

장점 중 하나는 당신이 결코 첫 번째 페이지를 떠나되지 것입니다.

다음과 같이 생각하십시오. 로드 된 첫 번째 페이지는 다른 모든 페이지가 추가/제거되는 "앵커 페이지"가됩니다. data-rel = "external"또는 data-ajax = "false"인 링크로 이동 한 경우에만로드 된 새 페이지가 다음 앵커가됩니다.

전환을 사용하려면 JQM이이를 수행해야합니다 (기본적으로 새 페이지를 기존 DOM에로드하고 현재 페이지에 '다음'으로 놓은 다음 슬라이드). AJAX없이 새로운 페이지로 가면 애니메이션을 만들 수있는 방법이 없습니다.

예를 들어 JQM에서 페이지간에 이동할 때 데이터가 처음부터 끝까지 페이지를 통과하지 않아도된다는 의미 일 수 있습니다.

나는 일반적으로 $ ('html') 또는 $ (document)에 객체를 첨부하는데, 여기에는 후속 페이지에 필요한 항목이 들어 있습니다.

당신은 당신이 특정 페이지를 떠나기 전에 발사 될 JQM event

같은
pagebeforehide 

결합, 아무것도 제출할 필요가 없습니다. 함수 처리기에서 양식 값으로 개체를 작성하고 마지막 양식 페이지 전에 제출에 바로 도움이

pagebeforeshow 

희망에 이전 페이지에서 저장 형식 값 숨겨진 입력을 채 웁니다.

+0

다시 좋은 답변이 자주 나옵니다. – codaniel

관련 문제