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

Question

我无法在JQuery Mobile列表视图中显示来自Xml服务的解析响应。我无法得到的问题是，我试过的是什么。 首先我把所有响应都放到了XML var然后iam尝试附加到我在javaScript Code中动态创建的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')‌​;