2011-09-17 2 views
5

Jquery Mobile을 사용하여 작업을위한 html5-app를 제작합니다. 나중에 Junkery Mobile을 Phonegap이있는 앱처럼 구축 할 예정입니다.목록에서 세부 정보 페이지 (동적 데이터)에 액세스하는 Jquery Mobile

앱은 포함 된 json 파일에서 먼저 항목 목록을로드하지만 나중에 외부 URL (새 항목을 목록에 추가해야하는지 확인)에서 항목 목록을로드하고이를 현대의 기본 제공 sql-db에 삽입합니다 html5- 브라우저.

지금까지 작동했습니다. 또한 데이터를 정리하여 목록에 표시합니다. 그러나 - 다음 단계는 저에게 약간 난처한 것입니다. 사용자가 목록의 항목을 클릭하면 DB에서 가져온 해당 항목에 대한 정보가 포함 된 페이지가 열립니다.

나는 보통 PHP로 작업하며 거기에는 물론하기 쉽다. 그냥 ID와 url에 variabel을 추가하고 쿼리 문자열을 얻고 PHP 코드에서 usi.

누구나 JQuery Mobile에서 어떻게하면 좋을지 잘 알고 있습니까? 내가 로켈 저장소를 사용하고 ID를 로컬 저장소에 저장 한 다음 클릭 이벤트를 사용하여 세부 정보 페이지에서 사용한다는 간단한 아이디어가 있습니다. 하지만 더 좋은 방법이 있어야한다처럼 내가 DOM에 주위에 앉아 페이지가있는 것 개요로 ...

답변

3

느낌이라고 세부 사항

<div data-role="page" id="details"> 
</div> 

포함하는 HTML5 데이터 속성 목록 항목을 생성 앵커 링크

<li><a href="#details" data-uid="1" class="detailslink">Your list item</a></li> 

바인딩 세부 내용을 잡고 페이지에 게시물 세부 정보 페이지

를 세부 정보 페이지에 그것을 풍덩하고 표시하는 클릭 이벤트의 고유 ID
관련 문제