jquery - Jquery Mobile中的ListView可点击

Question

我已经使用 Jquery Mobile Selectors 在 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');
        }

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