单击重新加载jquery移动列表视图

时间:2013-03-26 20:59:17

标签: jquery ios cordova mobile

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

我添加了一个“更新”按钮来触发重新加载。不幸的是,点击按钮不会触发任何事情。你能帮帮我吗?

非常感谢, 大卫。

1 个答案:

答案 0 :(得分:0)

您可以使用:$('#mylist')。listview('refresh');

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