Динамический список контента от А до Я в jQuery Mobile

Question

Я собираюсь создать список контента от A до Z в jQuery Mobile, где данные читаются и группируются динамически.Возможно ли это?

Я хочу, чтобы что-то подобное динамически группировалось из их документации (которая является статичной): 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, если он еще не существует.