jquery - Jquery Mobile listview首先显示最后添加的项目

Question

我正在使用一个列表视图来显示一个 rss 提要类型提要，我在单击时将一个项目添加到一个数组列表，然后循环遍历该数组列表以动态创建一个列表视图。

我想实现一种 rss 提要样式，其中最新的项目位于顶部，并继续向其附加元素。jQueryMobile listview 小部件可以做到这一点吗？

Answer 1

您可以通过将项目添加到您的listview而不是附加它们然后调用列表视图的刷新方法来轻松完成您想要的操作。

例如

  $('#myList').prepend($('<li>' + item + '</li>')).listview('refresh');

这是一个示例jsBin

如果您需要在某些时候使用您的列表视图，您可以分离（这样您不会丢失任何附加的事件）列表视图中的所有项目，然后根据您需要的任何排序顺序重新附加它们。

例如

var $myList = $('#myLis');
$myList.find('li').detach();

var len = myList.length;
while (len--) {
  var item = myList[len];
   $myList.prepend($('<li>' + item + '</li>'));
}
$myList.listview('refresh');