동적 목록보기 세부 정보 페이지 (Jquery Mobile)

Question

JQM에서 mysql 데이터베이스 의 데이터를 나열하는 데 성공했습니다.

목록 항목을 세부 정보에 연결하고 싶습니다.

따라서 목록에 클릭이 있으면 목록의 데이터가있는 새 페이지가 표시됩니다.

내가하는 방법을 잘 모릅니다 그것을

Heres는 내가 지금 무엇을 :하지만 링크 내가 뭔가를 놓친 것 같아요, 밤은 작업을해야합니다.

을 heres JS 바이올린에 링크 내가 다른 HTML 페이지에 데이터 링크 목록을 가져올 수합니까 무엇 http://jsfiddle.net/8WU39/16/

<script type= text/javascript> 
    $('#seyzListPage').live('pageshow', function(){ 
     $.ajax({ 
     url: "data.php", 
     dataType: 'json', 

      success: function(json_results){ 
      listItems = $('#seyzList').find('ul'); 
      $.each(json_results.rows, function(key) { 
       html = '<li <h3><a href="index1.html?id=' + [json_results.rows[key].airp_id] +'"rel="external">'+json_results.rows[key].airport_code+'</h3>'; 
       html += '<p><br> Aiport name: '+json_results.rows[key].airport_name+'</p></a></li>'; 


      listItems.append(html); 
      }); 
      // Need to refresh list after AJAX call 
       $('#seyzList ul').listview('refresh'); 
    $.mobile.pageLoading(true);  
     } 
    }); 
}); 
    </script> 

<div data-role="page" id="seyzListPage"> 
    <div data-role="header" id="header">  
    <h1>Airports</h1>  
    </div> 

    <div data-role="content" id="seyzList"> 
<ul data-role="listview" data-inset="true" data-filter="true"></ul> 


    </div> 

    <div data-role="footer" data-postion="fixed"> 
    <h3>Footer</h3> 
    </div> 


    </div> 

.

Answer 1

나는 매우 비슷한 문제가있어서 단순한 플러그인으로 수정을 발견했다. jqm.page.params.js이라고하며 here이라고 할 수 있습니다. 구현은 매우 쉬웠다. 내 루트 디렉토리에 플러그인 파일을 추가 한 다음 내 index.html 페이지의 맨 아래에 포함했습니다. 당신의 js 파일에서

, 당신은 그럼 그냥 링크에 압정으로 고정 변수를 캡처하기 위해 beforepageshow 이벤트의 상단에

if ($.mobile.pageData && $.mobile.pageData.color){ 
    var color = $.mobile.pageData.color; 
} 

을 배치 할. 찾고있는 변수로 'color'를 대체하십시오.