ios Cordova:tableview-like html

时间:2012-11-28 09:32:35

标签: ios jquery-mobile cordova web-applications

我目前专注于使用Apache CordovaJQuery Mobile的iOS网络应用。我想实现一个类似于tableview的样式页面(在listview中称为JQuery Mobile) 。我在html中实现了一个初始列表视图,我想:当我点击不同的行时,html会向iOS发送消息,然后我用本机代码创建一个请求。之后,我将成功的结果返回给js,并且js将更新列表视图,看起来您在tableview中单击一行并推入新页面。

这里的问题是:

  1. 如何添加点击事件?
  2. 在点击事件中,如何知道点击了哪一行?
  3. 当我使用JQuery Mobile更新列表视图时,如何实现类似于tableview的推送动画?
  4. 我对网络应用程序感到满意,实现动态创建包含请求结果的列表需要花费几个小时。我完全不知道该怎么走。

    感谢您的帮助。

1 个答案:

答案 0 :(得分:3)

予。和II。 Here's您的第一个和第二个问题的示例:

这是一个代码示例:

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

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

如果您使用的是jQuery的永不版本我们.on(而不是.bind(在旧版本中,您也可以使用.live(。

编辑:

III。我认为这应该包括你的第三个问题:http://jsfiddle.net/Gajotres/YShLE/