jQuery Mobile中的动态A到Z内容列表

Question

我正在寻找在jQuery Mobile中构建A到Z的内容列表，其中数据被动态读取和分组。这可能吗？

我希望从他们的文档中动态分组（这是静态的）：http：//jquerymobile.com/demos/1.0a4.1/#docs/lists/lists-divider.html

但真正令人敬畏的是，如果我可以将分组与可折叠内容相结合......

那里有任何想法，例子或资源吗？

Answer 1

列表分隔符本身就是jQuery mobile中的列表项。您可能需要手动执行此操作（按字母顺序将内容插入列表，并为每个字母放入列表分隔符<li>）。是的，将单击处理程序放在列表分隔符上，使它们显示并隐藏它们下面的所有<li>。因此，您的目标是列表结构，如：

<ul data-role="listview" data-theme="g">
    <li data-role="list-divider">A</li>
    <li class="a"><a href="acura.html">Acura</a></li>
    <li class="a"><a href="audi.html">Audi</a></li>
    <li data-role="list-divider">B</li>
    <li class="b"><a href="bmw.html">BMW</a></li>
</ul>

然后在A的列表分隔符上附加一个单击处理程序，使其隐藏所有<li>个类“a”。但是你必须手动生成它，直到有人编写插件将对象转换为JQM列表（如果它已经不存在）。