Lista de jQuery Mobile Vistas
vistas de lista de jQuery Mobile están listas HTML estándar; ordenada (<ol>) y no ordenada (<ul>) .
Para crear una lista, aplicar la data-role="listview" a la <ol> o <ul> elemento. Para hacer que los objetos hacer tapping, especifique un enlace dentro de cada elemento de la lista (<li>) :
Ejemplo
<ol data-role="listview" >
<li><a href="#">List Item</a></li>
</ol>
<ul data-role="listview" >
<li><a href="#">List Item</a></li>
</ul>
Inténtalo tú mismo " Para el estilo de sus listas con las esquinas redondeadas y un cierto margen, utilice la data-inset="true" atributo:
Por defecto, los enlaces dentro de un elemento de la lista se convertirá automáticamente en un botón (sin necesidad de ui-class="btn" o data-role="button" )
Lista divisores
Lista divisores se utilizan para organizar y agrupar elementos en las categorías / secciones.
Para especificar un separador de lista, añadir el data-role="list-divider" atributo a un <li> elemento:
Ejemplo
<ul data-role="listview">
<li data-role="list-divider" >Europe</li>
<li><a href="#">Norway</a></li>
<li><a href="#">Germany</a></li>
</ul>
Inténtalo tú mismo " Si usted tiene una lista por orden alfabético, (por ejemplo, una guía telefónica) jQuery Mobile añade automáticamente divisores apropiados estableciendo el-autodividers de datos = "true" atributo de la <ol> o <ul> elemento:
Ejemplo
<ul data-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>
Inténtalo tú mismo " El atributo =-autodividers de datos "verdadero" crea divisores con letras en mayúscula primeros del texto del artículo.
Más ejemplos
De sólo lectura listas
Cómo crear listas sin enlaces (no será botones y no hacer tapping).
paneles
¿Cómo insertar los paneles de los elementos de lista.