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

Question

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

这是jquery mobie list dividers demo的链接。列表分隔符不会保持在顶部，而是向上和向下滚动页面。

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

有一个非常好的插件可以完成此操作，并为您提供自定义事件等。项目为available on GitHub，并且还有一个showcase article。

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

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

尽管如此，您最好使用类或元素选择器以获得最佳性能:-)