動態列表視圖詳細信息頁面（jQuery Mobile的）

我已經成功地從JQM mysql數據庫列出我的數據。動態列表視圖詳細信息頁面（jQuery Mobile的）

我想列表項鍊接到它的細節。

因此，當有一個列表上點擊，將顯示列表中的數據的新頁。

我不知道如何做到這一點

繼承人什麼，我現在有：但鏈接我的心不是有工作，想我失去了一些東西。

繼承人對JS小提琴鏈接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>

我該怎麼辦獲得與它的數據的另一個HTML頁面的列表中。

來源

2011-09-16 seyz4all

我有一個非常類似的問題，發現了一個簡單的插件修復。這就是所謂的jqm.page.params.js，可以發現here。實施非常簡單。將插件文件添加到我的根目錄，然後將其包含在我的index.html頁面的底部。

在你的js文件，然後你只想把

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

你beforepageshow事件頂部捕捉上漲到鏈接的變量。用你正在尋找的變量替換'顏色'。

來源

2012-08-31 14:46:58 TheBrockEllis

動態列表視圖詳細信息頁面（jQuery Mobile的）

回答

相關問題