将数据从一个页面传输到另一个jQuery Mobile

Question

我根据这个出色的教程（ 链接 ）使用PhoneGap创建了Geolocation App。 不幸的是，我遇到了一个无法解决的问题。 这些让我头疼的相关部分是：

//Section 1

$('#history').on('pageshow', function () {

tracks_recorded = window.localStorage.length;
$("#tracks_recorded").html("<strong>" + tracks_recorded + "</strong> workout(s) recorded");

$("#history_tracklist").empty();

for (i = 0; i < tracks_recorded; i++) {
    $("#history_tracklist").append("<li><a href='#track_info' data-ajax='false'>" + window.localStorage.key(i) + "</a></li>");
}

$("#history_tracklist").listview('refresh');
});

//Section 2

$("#history_tracklist li a").on('click', function () {

$("#track_info").attr("track_id", $(this).text());

});

//第3节

$('#track_info').on('pageshow', function () {

var key = $(this).attr("track_id");

$("#track_info div[data-role=header] h1").text(key);

var data = window.localStorage.getItem(key);

data = JSON.parse(data);
});

第1节工作正常，数据已存储，并且列表已创建，没有任何问题。 但是在第二部分中，一切都变得井井有条。 通过单击该元素，应该创建一个新属性（track_id），但不是。 因此，在第3节中，“ var key”将不会获得值，因此，“ var data”也将为null。 可以想象，那里没有任何作用。 我在这里做错了什么？ 我只包括了我认为相关的代码，但是如果需要更多的代码，我会这样做。 Thansk！

Answer 1

在第2节中，我认为您只需要将点击处理委派给“ #history_tracklist”容器，如下所示：

$("#history_tracklist").on('click', "li a", function () {
    $("#track_info").attr("track_id", $(this).text());
});

没有授权，您有一条规则要说：

当单击#history_tracklist任何现有li a元素时，执行我的功能

使用授权，您有一条规则说：

当单击#history_tracklist任何现有或将来的 li a元素时，执行我的功能