所以我有一个包含多个项目的列表视图,因此当单击每个项目时,它将转到详细信息页面,但如何使用动态内容填写详细信息视图?具体来说,我如何捕获键,即单击项的内部html,当我查询一些动态内容时,如何将它们放在详细视图中?我尝试过的方法包括1)对每个项目使用click事件,但事件没有触发,这是正常的吗? 2)我在详细视图页面上使用pagebeforeshow尝试了直播活动,但它也没有触发。请帮忙。
答案 0 :(得分:0)
有很多方法可以做到这一点。以下是一个可以帮助您的想法:
在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。因此,在点击处理程序中,您可以更新详细信息页面。