Chapitre 04

Au cours de ce chapitre nous allons aborder les points suivants :

• Créer une liste
• Créer une liste de liens

Créer une liste

Pour créer une liste avec la mise en forme jQuery Mobile il suffit d'ajouter l'attribut data-role="listview" sur un élément <ul> (ou <ol> pour les listes ordonnées.

<ul data-role="listview">
    <li>Xavier Dupond</li>
    <li>Julie Lescot</li>
    <li>Max Durand</li>
    <li>Nathalie Martin</li>
</ul>

Voir la démo

Créer une liste de liens

Comme en html classique, ajouter simple une balise dans chaque

. jQuery Mobile ajoute un icon à droite de chaque ligne.

<ul data-role="listview">
	<li><a href="c4-xavier.html">Xavier Dupond</a></li>
	<li><a href="c4-julie.html">Julie Lescot</a></li>
	<li><a href="c4-max.html">Max Durand</a></li>
	<li><a href="c4-nathalie.html">Nathalie Martin</a></li>
</ul>