jQuery中的jQuery Parse XML显示移动列表UL UL仅返回XML中的最后一项

我正在使用jQuery Mobile 1.1.1和jQuery 1.7.1。 JQuery mobile可以有一个嵌套列表，点击后可以在另一个屏幕上显示下一个ul。 请参阅此示例： http ： //jquerymobile.com/demos/1.1.1/docs/lists/lists-nested.html#&ui-page=0-8

我试图通过解析XML数据文件来做到这一点。 我列出列表的内容没有问题，但是，点击第一个父项，我总是得到最后一个父项的子项。

看着Firebug，我可以看到那里的所有儿童区域，但这种关系在某种程度上变得混乱……

如何点击第一个父LI并获得该父母的子女？

这是我的脚本部分与jquery / mobile cdn：

   var xml; $(document).ready(function(){ $.ajax({ type: "GET", url: "test.xml", dataType: "xml", success: xmlParser }); }); //loading XML file and parsing to .main div. function xmlParser(data) { xml = data; $('#load').fadeOut(); $(xml).find("Employee").each(function () { name = $(this).attr("name"); var email = $(this).find("email").text(); var jobtitle = $(this).find("jobtitle").text(); var address = $(this).find("address").text(); var workphone = $(this).find("workphone").text(); var homephone = $(this).find("homephone").text(); var cellphone = $(this).find("cellphone").text(); var fax = $(this).find("fax").text(); $("#list").append('
' + name + '
Email: '+ email + '
Job Title: '+ jobtitle + '
Address: '+ address + '
Work Phone: '+ workphone + '
Home Phone: '+ homephone + '
Cell Phone: '+ cellphone + '
Fax: '+ fax + '
'); $('#list').listview('refresh'); }); }   

这是html：

 
 
 
Employees
 
  
 
 
 
Loading Data...
 
 
 
 
  
  
 
 
::: Footer :::
 
  
  
  

这是示例xml：

    [e-mail] Software Engineer 
San Bernardino, CA
 555-555-1212 444-555-1212 333-555-1212 N/A No   [e-mail] Sotware Developer 
San Francisco, CA
 888-888-8888 999-999-9999 101-010-1010 555-555-6666 No   [e-mail] Software Developer 
Everett, WA
 898-899-9955 456-564-5566 899-999-9989 Yes   [e-mail] Project Engineer 
Washington DC
 222-222-2222 222-222-2222 569-596-5696 No   

Answer 1

只需输入$('#list').listview('refresh'); 在.each()之后就是这样!!

Answer 2

 $("#list").append('
' + name + '
Email: '+ email + '
Job Title: '+ jobtitle + '
Address: '+ address + '
Work Phone: '+ workphone + '
Home Phone: '+ homephone + '
Cell Phone: '+ cellphone + '
Fax: '+ fax + '
'); $('#list').listview('refresh');