0

私は Jquery Mobile Selectors を使用してリストビューにデータを表示しました。私の問題は、ユーザーがリストビューをクリックしたときに詳細ページを表示する方法です。私が試したのは、リストビューを表示することです

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');
        }

ここで、上記のコードは、すべてのリスト アイテムのリストに 2 つのタグ値を表示します。ユーザーがリスト ビューをクリックすると、それぞれの詳細を含む新しいページを開く必要があります。

4

0 に答える 0