jQuery Mobile Вложенный UL из файла ParsedXML (), показывающий последнюю запись

Question

У меня есть простой XML-файл, который содержит такую ​​информацию, как имя, адрес, должность ... Я хотел бы проанализировать этот файл с помощью jquery parseXML (), а затем отобразить его содержимое во вложенном списке.У меня есть такая функция:

function parseXml(xml)
    { 
      $(xml).find("Employee").each(function()
      {
        $("#output").append("<li><h3>" + $(this).find("name").text()+ "</h3><p>"
                      + $(this).find("jobtitle").text() + "</p>" +  
                      "<ul><li>"+$(this).find("address").text() + 
                      "</li><li>"+$(this).find("workphone").text() + 
                      "</li><li>"+$(this).find("homephone").text() + 
                      "</li><li>"+$(this).find("cellphone").text() +
                      "</li><li>"+$(this).find("fax").text() +
                      "</li><li>"+$(this).find("contractor").text() +
                      "</li></ul></li>"
        );
        $("#output").listview("refresh");
      });
    }

... которая без проблем доставляет информацию в первый список.Однако второй UL, вложенный UL, отображается неправильно.В основном, когда я щелкаю по родительскому LI, окончательная запись XML в документе отображается с плохим форматированием как вложенный LI.Все скручено вертикально на экране.

Мой xml выглядит так:

<Employee>
        <name>Jon</name>
        <email>jon@email.com</email>
        <jobtitle>Software Engineer</jobtitle>
        <address>123 City Street</address>
        <workphone>555-555-5555</workphone>
        <homephone>555-555-5551</homephone>
        <cellphone>555-555-5552</cellphone>
        <fax>555-555-5553</fax>
    </Employee>
    <Employee>
        <name>Don</name>
        <email>don@email.com</email>
        <jobtitle>Software Man</jobtitle>
        <address>555 City Street</address>
        <workphone>222-222-2222</workphone>
        <homephone>222-222-2224</homephone>
        <cellphone>222-222-2226</cellphone>
        <fax>222-222-2228</fax>
    </Employee>
    <Employee>
        <name>Juan</name>
        <email>juan@email.com</email>
        <jobtitle>IT Specialist</jobtitle>
        <address>888 City Street</address>
        <workphone>777-878-7878</workphone>
        <homephone>777-888-7878</homephone>
        <cellphone>777-777-7878</cellphone>
        <fax>777-878-7898</fax>
    </Employee>

У кого-нибудь есть лучший способ отобразить этот xml-файл во вложенном списке?Мне нравится способ Jquery Mobile просто создать вложенный список, и он превращает родительский элемент в ссылку на вложенный LI.

Answer 1

Отвечено здесь: jQuery Parse XML отображается в списке jQuery Mobile UL UL, возвращающий последний элемент только в XML

my .listview ("refresh");нужно быть вне каждого.