Как сделать разделители списка jQuery Mobile зафиксированными сверху

Question

Есть ли способ сделать фиксированный разделитель «data-role =» в верхней части страницы, пока следующая буква или разделитель списка не появится и не займет свое место, как в приложении контактов iPhone? *

Вот ссылка на демонстрационную версию разделителя списка jquery mobie. Разделители списка не остаются наверху, а скорее прокручивают страницу вверх и вниз.

http://jquerymobile.com/demos/1.0a3/#docs/lists/lists-divider.html

Заранее спасибо за помощь.

-bob

Answer 1

Проверьте это. Не уверен, что именно делать.

http://jquerymobile.com/test/experiments/scrollview/lists-divider.html

Answer 2

Есть отличный плагин, который делает именно это, и предоставляет вам пользовательские события и т. Д. Проект доступен на GitHub , а также есть демонстрационная статья об этом.

Плагин позволяет вам использовать любой селектор, чтобы определить, какие элементы являются заголовками, поэтому ваш случай будет выглядеть (как-то) так:

$('ul').list({ headerSelector : '[data-role="list-divider"]' });

Хотя, возможно, вам лучше использовать класс или селектор элементов для лучшей производительности :-)