如何使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

有一個偉大的插件，不正是這一點，讓你自定義事件等。該項目是available on GitHub而且還有一個showcase article了。

該插件允許你使用任何選擇，以確定哪些元素是頭，所以你的情況看起來（東西）是這樣的：

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

雖然，你可能會更好過使用一類，或元素選擇器以獲得最佳性能:-)