将 XML 数据追加到列表视图 JQuery Mobile

Question

我无法在JQuery移动列表视图中显示来自Xml Service的解析响应。我无法得到的是问题是，我尝试过的是。首先，我获取了对XML变量的所有响应，然后我试图附加到我在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')‌​;