jquery-mobile listview를 사용하여 UrlVars가있는 내부 페이지에 연결하는 방법?

Question

jquery-mobile listview에 문제가 있습니다.

동일한 내부 파일 (# page1, # page2, ..)은 동일한 html 파일에 있습니다. 예 : 목록보기의 각 항목은 내부 페이지 플러스 HTML 파일의 HEAD에 JS 파일에 생성 된 인덱스 URL이

<ul id="itemList" data-role="listview"></ul> 

: #의 페이지 2에서, 나는 JQuery와 목록보기 개체가 있습니다. 일부 코드는 js 파일에 있습니다.

$.each(data, function(index, record) { 
$('#itemList').append('<li><a href="#page2?id=' + record.id + '"></a></li>'); 
}); 
$('#itemList').listview('refresh'); 

위의 마우스는 각 색인 "id"와 다른 링크를 보여줍니다. 하지만 첫 번째 클릭 만 작동하고 올바른 페이지으로 이동합니다. page2? id = id1 목록보기가있는 페이지로 돌아가서 다른 항목을 클릭합니다./page2? id = id2, id1이 표시된 이전 페이지 (표시된 첫 번째 링크) 페이지가 표시됩니다.

UrlVars 표기법의 문제점 일 수 있습니까? href = "page.html? id = .... 또는 href ="추가 색인없이 # 페이지를 사용하면 문제가 없으며 listview가 올바르게 작동합니다. 그러나 HREF와 = "# 페이지? ID는 = ... 나던 작품. 아마 DOM 관련 새로 고침 문제? 같은 소리?

어떤 생각을?

를 내가 미안 모르는거야 . 내가 문제를 설명 경우 제대로

감사합니다 안부를

Answer 1

을 시도하는 것은!.

$.each(data, function(index, record) { 
    $('#itemList').append('<li><a href="#page2?id=' + record.id + '">' + record.id + '</a></li>'); 
}); 

당신은 당신이 있기 때문에 코드를 반복 할 필요가 없습니다 이미 각 기능 내에서 동일한 부분을 반복합니다.