私は Jquery Mobile Selectors を使用してリストビューにデータを表示しました。私の問題は、ユーザーがリストビューをクリックしたときに詳細ページを表示する方法です。私が試したのは、リストビューを表示することです
var xml;
$(document).ready(function(){
$.ajax({type: "GET",
url: "http://api.geonames.org/children?geonameId=3175395&username=tutorialsgeek",
dataType: "xml",
success: xmlParser});
});
function xmlParser(data) {
xml = data;
$('#load').fadeOut();
$(xml).find("geoname").each(function () {
var locationName = $(this).find("toponymName").text();
var name = $(this).find("name").text();
$("#list").append('<li><a href="#">locationName: '+ locationName +
'name: '+ name +'</a></li>');
});
$('#list').listview('refresh');
}
ここで、上記のコードは、すべてのリスト アイテムのリストに 2 つのタグ値を表示します。ユーザーがリスト ビューをクリックすると、それぞれの詳細を含む新しいページを開く必要があります。