0

我正在开发一个 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>

我添加了一个“更新”按钮来触发重新加载。不幸的是，点击按钮不会触发任何事情。你能帮我解决这个问题吗？

非常感谢你，大卫。

4

1 回答 1

0

您可以使用： $('#mylist').listview('refresh');

查看“更新列表”部分：http: //jquerymobile.com/demos/1.2.1/docs/lists/docs-lists.html

于 2013-03-27T02:02:09.453 回答