我已经成功地从mysql数据库中列出我的数据JQM。
我想把列表项链接到它的详细信息。
因此,当在列表上单击时,将显示一个包含列表数据的新页面。
我不知道该怎么做
这是我现在拥有的:但是我拥有的链接不起作用,我猜我错过了什么
这里是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页面上的数据。
我有一个非常类似的问题,并找到了一个简单的插件修复。它被称为jqm.page.params.js
,可以在这里找到。实现非常简单。将插件文件添加到我的根目录,然后将其包含在我的index.html页面的底部。
if ($.mobile.pageData && $.mobile.pageData.color){
var color = $.mobile.pageData.color;
}
beforepageshow事件顶部的,以捕获附加到链接上的变量。将"color"替换为您正在寻找的变量。