jquery - 在表格中按字母顺序排列列表项，列表分隔符作为首字母

Question

在 jQuery Mobile 和 Phone Gap 中使用我已经实现了一个表格视图。我手动设置列表决策者如下：

<ul data-role="listview">

       <li data-role="list-divider">A</li>

      <li><a href="index.html">Adam Kinkaid</a></li>
      <li><a href="index.html">Alex Wickerham</a></li>
      <li><a href="index.html">Avery Johnson</a></li>


      <li data-role="list-divider">B</li>

      <li><a href="index.html">Bob Cabot</a></li>
      <li><a href="index.html">Bwaaaat</a></li>

     </ul>

它适用于少量数据，但我们使用数据包作为列表项。

我需要按字母顺序显示项目，即使我以任何顺序输入数据。（无需通过硬代码手动设置）

单词的第一个字母作为部分的标题。

最后，如何为列表标题设置主题/颜色？

Answer 1

对于排序，您可以使用sorttable.js，但这是用于对表格进行排序，您必须根据您的要求进行更改。

对于主题，您可以使用......

<section  data-role="page" data-theme="a">

自定义主题有一个很好的链接。我希望它对你有用。

http://www.adobe.com/devnet/dreamweaver/articles/theme-control-jquery-mobile.html