javascript - 将 Xml 数据附加到列表视图 JQuery Mobile

Question

我无法在 JQuery Mobile 列表视图中显示来自 Xml 服务的解析响应。我无法得到问题是，我尝试过的是。首先，我将所有对 XML var 的响应，然后尝试附加到我在 javaScript 代码中动态创建的 ListView。这是我的代码，

function processXML(theXML) {
  var nodeTree = theXML.documentElement.getElementsByTagName('Employee');
  var output = "";
  output += "<ul data-role='listview' class='ui-listview'>";
  var length = nodeTree.length;
  for (var i = 0; i < length; i++) {
    var empName = nodeTree[i].getElementsByTagName('name')[0].firstChild.nodeValue;
    var empFName = nodeTree[i].getElementsByTagName('Fathername')[0].firstChild.nodeValue;
    var empAddr = nodeTree[i].getElementsByTagName('Address')[0].firstChild.nodeValue;
    output += buildRow(empName, empFName, empAddr);
  }
  output += "</ul>";
  document.getElementById('result').innerHTML = output;
}

function buildRow(empName, empFName, empAddr) {
  var row = "<li><a href='#'>";
  row += empName;
  row += empFName;
  row += empAddr;
  row += "</a></li>";
  return row;
}

Answer 1

$("result").html(output).trigger("create");
$(".ui-listview").listview('refresh')‌​;