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>
予想される動作:
リスト項目をクリックすると、その詳細が他のページに表示される必要があります。この場合の電話番号。
問題：
戻るボタンを押した後、アイテムをクリックすると、最後にクリックされたアイテムの値が渡されます。