我正在开发iOS PhoneGap应用程序。感谢jFeed,我目前从Facebook获得RSS提要,然后它显示在列表视图上:一切都很好。我现在想让用户重新加载列表视图。
这是我到目前为止所尝试的内容:
<div data-role="page" id="index">
<div data-role="header" data-id="foo2" data-position="fixed">
<h1>Actu BDA Audencia</h1>
<a href="#" onclick="$('#result').append(html);
$('#result').listview("refresh");" data-icon="info" data-rel="popup" data-position-to="window" data-role="button" data-transition="pop" data-iconpos="left" class="ui-btn-right">Update</a>
</div>
<div data-role="content">
<div class="pull-to-refresh">test</div>
<ul id="result" data-role="listview" data-divider-theme="d">
</ul>
</div>
<script>
jQuery(function() {
jQuery.getFeed({
url: 'http://www.facebook.com/feeds/page.php?id=360453900718092&format=atom10',
success: function(feed) {
$.mobile.loading( "show" );
var html = '';
var numjour= '';
var nummois = '';
var heure = '';
var newitem = '';
for(var i = 0; i < feed.items.length && i < 10; i++) {
var item = feed.items[i];
numjour = item.updated.substr(8,2);
nummois = item.updated.substr(5,2);
nummois = nummois.replace('0', '');
heure = item.updated.substr(11,5);
newitem = item.description;
html += '<li data-role="list-divider">'
+ numjour
+ ' '
+ months[nummois]
+ '<span class="ui-li-count">'
+ heure
+ '</span></li>'
+ '<li><p><br /><div class="tada">'
+ newitem
+ '</div></li></div>';
}
$('#result').append(html);
$('#result').listview("refresh");
$.mobile.loading( "hide" );
}
});
});
</script>
我添加了一个“更新”按钮来触发重新加载。不幸的是,点击按钮不会触发任何事情。你能帮帮我吗?
非常感谢, 大卫。
答案 0 :(得分:0)
您可以使用:$('#mylist')。listview('refresh');
查看“正在更新列表”部分:http://jquerymobile.com/demos/1.2.1/docs/lists/docs-lists.html