The ListView acts as a list of links for navigation. jQuery mobile applies the necessary styles to make the list mobile-friendly. Once a list item is tapped on, the link content is loaded through AJAX and inserted into the page. This improves the user perception as they do not see a blank screen. A ListView is created by setting the data-role
attribute of an HTML list to listview
with each list item containing a link:
<div data-role="page"> <div data-role="content"> <ul data-role="listview" data-autodividers="true" data-theme="c"> <li><a href="http://wijmo.com/demos/">Wijmo Demos</a></li> <li><a href="http://wijmo.com/wiki/index.php/ListView">WijmoListViewDocumentation</a></li> <li><a href="http://jquerymobile.com/demos/1.2.0/docs/lists/docs-lists.html">jQuery Mobile Lists</a></li> </ul> </div> </div>
With data-autodividers="true"
on the list parent, the list...