Listas Ordenadas con jQuery Mobile

28/May/2012 Desarrollo Móvil , , , , 1 Comentario

Aunque en los ejemplos que hemos visto hasta ahora con jQuery Mobile (lista de elementos, filtrar elementos, listas anidadas,...) las listas utilizadas no tenían ningún orden, con jQuery Mobile podemos crear listas ordenadas para presentar el contenido.

Para poder crear una lista ordenada con jQuery Mobile simplemente tenemos que recurrir a la estructura HTML de las listas ordenadas. Es decir, al elemento OL. De esta forma, si una lista desordenada con jQuery Mobile era:

  1. <ul data-role="listview" data-inset="true">
  2. ...
  3. </ul>

Una lista ordenada con jQuery Mobile será:

  1. <ul data-role="listview" data-inset="true">
  2. ...
  3. </ul>

Recuerda que las listas en jQuery Mobile se demarcan con el atributo data-role="listview".

Quedandonos el código fuent de una lista ordenada con jQuery Mobile de la siguiente forma:

  1. <ol data-role="listview" data-inset="true" data-filter="true">
  2. <li><a href="#">Espartaco</a></li>
  3. <li><a href="#">La Naranja Mecánica</a></li>
  4. <li><a href="#">El Padrino</a></li>
  5. <li><a href="#">Sin Perdón</a></li>
  6. </ol>

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*