jQuery mobile：如何从listview加载详细信息页面

Question

我正在使用单页概念jquery mobile。 然后我创建一个动态列表视图，如下所示：

var resultitems = '<ul data-role="listview">';
for (i = 0; i < 10; i++) {
if (msg.hotspots[i] != null) {
resultitems += '<li><a href="acura.html"><img src="' + msg.hotspots[i].imageURL + '" />' + msg.hotspots[i].title + '</a></li>';
}
}
resultitems += '</ul>';
$('#results').html(resultitems);
$('#results').trigger("create");    

如您所见，我现在有一个指向acura.html的超链接。但我想要的是激活子页面#detailpage并加载列表视图中单击项目的Id的详细信息。 将项目ID添加到链接没有问题，我只是不知道链接应该是什么以及如何从页面#detailpage读取id。

谢谢！

Answer 1

您的要求基本上是如何在jQuery mobile中将数据从一个页面传递到另一个页面，在您的情况下，您想要做的基本上是附加项目的ID，然后在{{1}的pageshow事件中基于此做某事。

这里已经有一些关于SO的问题（传递数据） 例如，您可能想看一下这个 How to pass button text to another page?

Answer 2

我现在所做的不是通过href属性加载detail页面，而是通过超链接的onclick方法使用javascript更改location.hash值。这似乎可以确保目标详细信息页始终可以读取实际的查询字符串参数。