WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

jQuery Mobile List Views



jQuery Mobile List Views

List sees in jQuery Mobile are standard HTML records; requested (<ol>) and unordered (<ul>).

To make a rundown, apply the information role="listview" to the <ol> or <ul> component. To make the things tappable, indicate a connection inside each rundown thing (<li>):

Example

<ol data-role="listview">
  <li><a href="#">List Item</a></li>
</ol>

<ul data-role="listview">
  <li><a href="#">List Item</a></li>
</ul>
Try it yourself »

To style your rundowns with adjusted corners and some edge, utilize the information inset="true" attribute:

Example

<ul information role="listview" data-inset="true">
Try it yourself »


List Dividers

List dividers are utilized to sort out and aggregate things into classifications/sections.

To determine a rundown divider, include the information role="list-divider" property to an <li> element:

Example

<ul information role="listview">
  <li data-role="list-divider">Europe</li>
  <li><a href="#">Norway</a></li>
  <li><a href="#">Germany</a></li>
</ul>
Try it yourself »

If you have a sequentially list, (for instance a telephone directory) jQuery Mobile naturally includes proper dividers by setting the information autodividers="true" trait on the <ol> or <ul> element:

Example

<ul information role="listview" data-autodividers="true">
  <li><a href="#">Adele</a></li>
  <li><a href="#">Agnes</a></li>
  <li><a href="#">Billy</a></li>
  <li><a href="#">Calvin</a></li>
  ...
</ul>
Try it yourself »