可在Jquery Mobile中单击的列表视图

我已经使用Jquery移动选择器在Listview中显示了数据。我的问题是当用户单击Listview时如何显示详细信息页面。我尝试的是显示列表视图

var xml;
    $(document).ready(function(){
        $.ajax({type: "GET",
            url: "http://api.geonames.org/children?geonameId=3175395&username=tutorialsgeek",
            dataType: "xml",
            success: xmlParser});
    });
        function xmlParser(data) {
            xml = data;
            $('#load').fadeOut();
            $(xml).find("geoname").each(function () {
                var locationName = $(this).find("toponymName").text();
                var name = $(this).find("name").text(); 
                $("#list").append('<li><a href="#">locationName: '+ locationName +
                                  'name: '+ name +'</a></li>'); 
            });
            $('#list').listview('refresh');
        }

var-xml；
$（文档）.ready（函数（）{
$.ajax（{type:“GET”，
url:“http://api.geonames.org/children?geonameId=3175395&username=tutorialsgeek",
数据类型：“xml”，
成功：xmlParser}）；
});
函数xmlParser（数据）{
xml=数据；
$（“#加载”）.fadeOut（）；
$（xml）.find（“geoname”）.each（函数（）{
var locationName=$（this）.find（“tophonomyname”）.text（）；
var name=$（this.find（“name”）.text（）；
$（“#列表”）。追加（“
”）；
});
$（'#list'）。列表视图（'refresh'）；
}

---

此处，上述代码将在列表中显示所有列表项的两个标记值。当用户单击列表视图时，必须打开一个包含相应详细信息的新页面。

如何打开新页面？在上面的代码中，锚点为空。当单击第一个列表时，我必须在新页面中首先显示所有标记值