2011-11-07 2 views
0

아약스가있는 JQuery 탐색에 대해 몇 가지 질문이 있지만 찾고있는 답변이 없으므로 여기를 클릭하십시오.아약스가있는 JQuery 탐색

JQM의 "내비게이션 시스템"(한 쪽면에 해시 태그)을 사용하는 JQuery Mobile을 사용하는 간단한 웹 페이지가 있습니다. 또한 폼이 제출되었고 내부적으로 ajaxization을 수행한다는 것을 인식합니다. 즉, 태그에 href = "some_url"을 넣거나 제출 버튼을 사용하여 간단한 양식을 작성하면 JQ Mobile이 나머지 작업을 수행하는 것으로 충분합니다.

이제 사이트의 데스크톱 버전과 똑같은 작업을 수행해야합니다. JQ Mobile과 유사한 네비게이션 시스템이 이상적 일 것입니다 (그러나 모바일이 아닌 모든 호환 태그의 HTML을 정리하기 때문에 "일반"HTML 아약스에서는 사용할 수 없습니다). 서버 측 로직이 동일하게 유지 될 것이기 때문에 '레이아웃'(모바일/데스크톱)을 변경하여 다른 기기의 사용자에게 다른 페이지를 표시합니다.

진행 방법에 대해 알고 싶습니다. 내가 운이없는 웹 및 모바일 jQuery를 모바일과 같은 프레임 워크를 찾고있다

+0

업데이트 : http://malsup.com/jquery/form/이 해결책의 일부일 수 있습니다. – bozo

답변

1

광대, 감사합니다. 우리가 대신 구현 무엇

:

페이지 탐색/해시 변화를 처리하기 위해 우리가 사용 : http://benalman.com/projects/jquery-hashchange-plugin/합니다. 사용이 당신이 우리의 위에 jQuery load()

하여이 작업을 수행 할 수 있습니다, /이 jQuery submit()

대신 다음 링크의 페이지에 HTML을로드하려면로 ​​data-role="page"

이 이

아약스 양식을 처리하면 처리 할 수 ​​숨길 보여 다른 모바일 및 웹보기를 제공합니다. 이는 클라이언트에서 media queries을 사용하거나 장치 유형 서버 측을 감지하여 수행 할 수 있습니다.

+0

문제가되지 않는다면 위의 대답에 설명 된 내용의 .submit() 예제와 .load() 예제를 붙여 넣으십시오. 감사. – bozo