jquery-mobile - 在jquery mobile中实现动态详细视图

Question

所以我有一个包含多个项目的列表视图，所以当每个项目被单击时，它会转到一个详细信息页面，但是我如何用动态内容填写详细信息视图？具体来说，如何获取key，也就是被点击的item的内部html，在查询一些动态内容的时候，如何放到detail view中呢？我尝试的方法包括1）对每个项目使用点击事件，但事件没有触发，这正常吗？2）我在详细视图页面上尝试了使用 pagebeforeshow 的实时事件，但它也没有触发。请帮忙。

Answer 1

有许多方法可以做到这一点。这是一个可以帮助您的想法：

在您listview的 中，为列表项中的每个超链接指定一个数据 ID。定义可能如下所示：

<li><a data-id="some-identifier">My Title</a></li>

对于<li>列表中的所有项目，您将拥有一个单击处理程序，它将使用data-id初始化详细信息页面。点击处理程序看起来像这样（如果数据不足，我深表歉意，我最近没有使用过 jQuery Mobile，所以可能会有更新的更好的方法）：

$('#my-listview-id').delegate('a', 'vclick', function () {
     alert ('user selected something: ' +  $(this).attr('data-id'));
});

警报将向您显示用户选择的 ID。因此，在单击处理程序中，您可以更新详细信息页面。