在jQuery Mobile中实现动态细节视图



所以我有一个带有多个项目的listView,因此,当单击每个项目时,它将转到一个详细信息页面,但是如何用动态内容填写详细信息?具体来说,我如何捕获键,即点击项目的内部HTML,当我查询一些动态内容时,如何将它们放在详细视图中?我尝试过的方法包括1)使用每个项目的单击事件,但是事件没有触发,这是正常的吗?2)我在使用PageBeforeshow的"详细查看"页面上尝试了实时事件,但也不会触发。请帮助。

存在许多方法。这是一个可能对您有帮助的想法:

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

最新更新