如何使 jQuery Mobile 列表分隔符固定在顶部

Question

有没有办法让“data-role="list-divider" 固定在页面顶部，直到出现下一个字母或列表分隔符并取而代之，就像在 iPhone 联系人应用程序中一样？

这里是 jquery mobie list dividers 演示的链接。列表分隔符不会停留在顶部，而是随着页面上下滚动。

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

提前感谢您的帮助。

-鲍勃

Answer 1

看看这个。不知道到底该怎么做。

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

Answer 2

有一个很棒的插件可以做到这一点，并为您提供自定义事件等。该项目是available on GitHub，还有一个关于它的showcase article。

该插件允许您使用任何选择器来定义哪些元素是标题，因此您的案例将看起来像这样：

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

虽然，您最好使用类或元素选择器以获得最佳性能:-)