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

时间:2012-11-09 21:49:24

标签: jquery-mobile

所以我有一个包含多个项目的列表视图,因此当单击每个项目时,它将转到详细信息页面,但如何使用动态内容填写详细信息视图?具体来说,我如何捕获键,即单击项的内部html,当我查询一些动态内容时,如何将它们放在详细视图中?我尝试过的方法包括1)对每个项目使用click事件,但事件没有触发,这是正常的吗? 2)我在详细视图页面上使用pagebeforeshow尝试了直播活动,但它也没有触发。请帮忙。

1 个答案:

答案 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。因此,在点击处理程序中,您可以更新详细信息页面。