Autodividers列表

我正在创建一些项目,包括名字和姓氏。 列表按姓氏排序。 如何创建将按列名划分列表项的autidividers?

  •  
  • 要为autidividers使用自定义文本,您需要做一些事情。

    • 你需要在ul添加data-autodividers="true"
    • 您需要指定autodividersSelector函数,该函数输出autodividersSelector的文本
    • 您需要刷新列表视图

    例如,给出了以下标记的简化版本

      

    Header

    • Francisca  Fidler
    • Jolie  Jarnagin
    • Quiana  Quiroz

    Footer

    您可以使用以下JavaScript使用lastname创建autodividers

     $('#pageAutoDiv').bind('pageshow', function () { $('#usersListView').listview({ autodividers: true, autodividersSelector: function (li) { return $(li).find('.lastname').text(); } }); $('#usersListView').listview('refresh'); }); 

    这是jsBin的链接(使用更多的标记)