我通过解析 xml 数据动态生成和添加列表项。
代码看起来像
$(document).ready(function(){
var xml = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?><contactDetails xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"><user><name>Abc </name><phone>1234</phone></user><user><name>Xyz</name><phone>45678</phone></user></contactDetails>",
xmlDoc = $.parseXML(xml),
$xml = $( xmlDoc),
$title = $xml.find("user").each(function(){
name = $(this).find("name").text();
phone = $(this).find("phone").text();
txt = '<li><a href="#details?phone='+escape(phone)+'">' + name +'</a></li>';
$('#myul').append(txt);
});
$('#myul').listview('refresh');
});
其中 details 是内部页面
<div id="details" data-role="page" >
<div data-role="header">
<a data-role="button" data-rel="back" data-icon="back">back</a>
<h1>Contacts</h1>
</div>
<div data-role="content" >
</div>
预期行为:
单击列表项时,需要在其他页面上显示其详细信息。在这种情况下的电话号码。
问题:
按下后退按钮后,最后单击的项目的值会在单击项目时传递。