Я пытаюсь опираться на некоторые основные идеи.У меня есть XML-файл, который я без проблем загружаю в меню типа списка.Мой XML-файл содержит около 300 записей, и каждая запись содержит около 45 полей.(LASTNAME, FIRSTNAME, ADDRESS и т. Д.).Я могу создать меню списка, но не могу понять, как загрузить страницу сведений только для человека, выбранного из пункта меню.Я погуглил, и я - это полная ошибка пользователя с моей стороны.Любая помощь будет принята с благодарностью.
<body>
<script type="text/javascript">
$.ajax({
type: "GET",
url: "COMBINED.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('COMBINED').each(function(){
var id = $(this).attr('ID')
var JPG = $(this).find('JPG', 'FIRSTNAME').text()
var FIRSTNAME = $(this).find('FIRSTNAME').text()
var LASTNAME = $(this).find('LASTNAME').text()
var SCHOOL = $(this).find('SCHOOL').text()
var DISABILITY = $(this).find('DISABILITY').text()
var TITLE = $(this).find('TITLE').text()
$('<li></li>').html('<a href="#DETAILSPAGE"'+id+'">'+FIRSTNAME +' '+ LASTNAME + '<p>'+SCHOOL+ '</p></a>').appendTo('#LIST');
var $divToAppend= $('#DETAILS')
var detailsitem=$('<div></div>').attr('id','#DETAILSPAGE').html("<h1></h1>");
$('<li></li>').html(DISABILITY).appendTo('#DETAILS' )
})
;}
})
</script>
<div data-role="page" id="page" data-theme="b">
<div data-role="header">
<h1>Page One</h1>
</div>
<div data-role="content">
<ul data-role="listview">
<li><a href="#LISTPAGE">Page Two</a></li>
<li><a href="#page3">Page Three</a></li>
<li><a href="#page4">Page Four</a></li>
</ul>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<div data-role="page" id="LISTPAGE">
<div data-role="header">
<h1>Page Two</h1>
</div>
<div data-role="content">
<ul data-role="listview" id="LIST"></ul>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<div data-role="page" id="DETAILSPAGE">
<div data-role="header">
<h1>Page Three</h1>
</div>
<div data-role="content" >
<ul data-role="listview" id="DETAILS"></ul>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
</body>
</html>