jQuery mobile:如何从列表视图加载详细信息页面

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");    

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

谢谢！

Answer 1

你的要求基本上是如何在jQuery mobile中将数据从一个页面传递到另一个页面，在您的情况下，您要做的基本上是附加项目的id，然后在acura.html的pageshow事件中基于此做一些事情。

这里已经有几个关于SO的问题来处理这个问题（传递数据）例如，你可能想看看这个如何将按钮文本传递到另一个页面？

Answer 2

我现在

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