Siguiendo con los ejemplos de listas en jQuery Mobile ahora vamos a ver como podemos añadir un contador a un elemento. Supongo que el ejemplo más visual para explicarlo es el de un buzón de correo electrónico, en el cual, por cada carpeta vemos los elementos no leídos. Algo así:
Como se puede ver en la imagen tenemos una lista de elementos con contadores. Así que vamos a ver como podemos llevar esto a cabo con jQuery Mobile.
Lo primero será crearnos la lista de los elementos con jQuery Mobile:
El atributo que utilizamos para crear la lista de elementos en jQuery Mobile es data-role=»listview».
Para poder añadir los contadores a los elementos jQuery Mobile no podría faltar a su filosofía de lenguaje de etiquetas y utiliza una clase para poder añadir los contadores. La clase en cuestión es «ui-li-count».
Es por ello que solo tendremos que añadir un elemento span con el valor del contador, el cual referencia mediante un atributo class a dicha clase.
Y ya tenemos nuestra lista de elementos con contadores en jQuery Mobile.
