Skip to content
scottjehl edited this page Sep 20, 2010 · 1 revision

Listview supports lots of variation now with minimal markup configuration to remember. Check the source of this demo page for examples. One update I made over the weekend was auto-numbering of OL lists. This was trickier than I'd expected, but I think we've got a pretty elegant solution now:

  • There's a new support test for CSS Pseudo elements ($.support.cssPseudoElement)
  • If that test passes, the css handles the list numbering automatically with generated content and counters, resetting the count increment any time it encounters a list heading ("This morning" , "This afternoon", etc in our example data).
  • If that test fails, the JS generates spans with the numbers, following the same logic found in the CSS. Demo: http://jquerymobile.com/test/_listview.html API viewer demo: http://jquerymobile.com/test/experiments/api-viewer/