Jquery 重新加载html以显示信息

我有一个html5的网页，可以读取xml并在其中显示信息。页面是用jquery编写的

这是我的xml：

这是我的html5：

我可以很好地阅读html5（这对我来说很难），但当我想显示它时，我必须重新加载页面才能看到信息，因为一开始我什么也看不到(

有人能帮我吗？ 非常感谢

p、 我通常在firefox上打开它，因为safari和chrome不会打开它。（我想是因为我的配置）

var-xml；
$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“base_es.xml”，
数据类型：“xml”，
成功：xmlParser
});
});
//正在加载XML文件并解析到.main div。
函数xmlParser（数据）{
xml=数据；
$（“#加载”）.fadeOut（）；
$（xml）.find（“fac”）.each（函数（）{
name=$（this.attr（“id”）；
name2=$（this.find（“esc”）.text（）；
var curso=$（this.find（“curso”）.text（）；
$（“#列表”）。追加（“
”）；
})$（'#list'）。列表视图（'refresh'）；
} 

好的，我已经看到我可以用

location.reload（）重新加载页面

或使用

top.location.href='hor2.html'；

显示的代码中没有任何内容会导致问题…控制台中是否出现错误？问题出现在我从上一页转到该页时，例如，上一页：当我单击通知时，我必须重新加载数据以查看新闻。

var xml;
$(document).ready(function(){
    $.ajax({
        type: "GET",
        url: "base_es.xml",
        dataType: "xml",
        success: xmlParser
    });
});
//loading XML file and parsing to .main div.
function xmlParser(data) {
    xml = data;
    $('#load').fadeOut();
    $(xml).find("fac").each(function () {
    name = $(this).attr("id");
    name2 = $(this).find("esc").text();
    var curso = $(this).find("curso").text();
    $("#list").append("<li><a href='hor3.html?id=" + name + "'data-transition='slide'><h3  id='name'>" + name + "</h3></a></li>");
    }); $('#list').listview('refresh');
}