2

我目前专注于使用Apache Cordova和的 iOS Web 应用程序JQuery Mobile。我想实现一个类似 tableview 的样式页面（它在 中调用listview）JQuery Mobile。我在 html 中实现了一个初始列表视图，我想：当我单击不同的行时，html 将向 iOS 发送消息，然后我使用本机代码创建一个请求。之后，我将成功的结果返回给 js，js 将更新列表视图，看起来就像您单击 tableview 中的一行并推入一个新页面。

这里的问题是：

  1. 如何添加点击事件？
  2. 在点击事件中，我怎么知道点击了哪一行？
  3. 当我使用 JQuery Mobile 更新列表视图时，如何实现类似 tableview 的推送动画？

我对 Web 应用程序很陌生，实现动态创建包含请求结果的列表需要几个小时。我完全不知道如何走得更远。

谢谢你的帮助。

4

1 回答 1

3

一和二。这是您的第一个和第二个问题的示例：

这是一个代码示例：

$('ul.listview-example[data-role="listview"] li').bind('click',function(event, ui){
    alert($(this).attr('id'))
});

第一个代码行将在每个 listview li 元素上绑定一个单击事件。$(this) 是一个选定的 li 元素。

如果你使用从不版本的 jQuery us .on( 而不是 .bind(，在旧版本中你也可以使用 .live( 。

编辑 ：

三、我认为这应该涵盖您的第三个问题：http: //jsfiddle.net/Gajotres/YShLE/

于 2012-11-28T11:05:15.423 回答