JQuery Mobile - 从XML生成列表

Question

所以我正在研究一个项目，它确实涉及从我们的XML文件生成一个列表。我已经做了一些关于如何解析数据以及如何生成列表视图的研究。

这是包含我正在尝试访问的ListView的Div。

<div data-theme="c" data-role="content">
    <!--The list we shall generate-->
    <h4>Facilities</h4>
    <ul data-role="listview" data-theme="c" id="facilitiesList">

    </ul>       
</div>

这是我用来生成List的代码。

$(document).on("pagecreate","#Facilities",function() {
    var xmlLoc = $.get("http://cjorchard.me.uk/ECApp/Data.xml");
    xmlDoc = $.parseXML(xmlLoc),
    $xml = $(xmlDoc);
    var output = '';
    $xml.find('item').each(function() {
        output += '<li><a href="#">' + $(this).find('Title').text() + '</a></li>'
    });
    $('#facilitiesList').html(output);
});

目前，我不确定它为什么不起作用。任何想法都将不胜感激。

编辑 - 也没有显示任何错误。

编辑2 - 我现在已将Javascript更新为以下内容......

$(document).on("pagecreate","#Facilities",function() {
    var xmlLoc = $.get("http://cjorchard.me.uk/ECApp/Data.xml", function(data) {
        xmlDoc = $.parseXML(data),
        $xml = $(xmlDoc);
        var output = '';
        $xml.find('item').each(function() {
            console.log($(this).find('Title').text());
            output += '<li><a href="#">' + $(this).find('Title').text() + '</a></li>'
        });
        $('#facilitiesList').html(output).listview().listview("refresh");
    });
});