jQuery Lista mobile Visualizzazioni
visualizzazioni elenco di jQuery Mobile sono liste HTML standard; ordinata (<ol>) e non ordinata (<ul>) .
Per creare un elenco, applicare il data-role="listview" al <ol> o <ul> elemento. Per rendere le voci tappable, specificare un link all'interno di ogni elemento della lista (<li>) :
Esempio
<ol data-role="listview" >
<li><a href="#">List Item</a></li>
</ol>
<ul data-role="listview" >
<li><a href="#">List Item</a></li>
</ul>
Prova tu stesso " Per lo stile le vostre liste con angoli arrotondati e un certo margine, utilizzare il data-inset="true" l'attributo:
Per impostazione predefinita, i collegamenti all'interno di un elemento della lista si trasformerà automaticamente in un pulsante (senza bisogno di ui-class="btn" o data-role="button" )
Divisori Elenco
Elenco divisori sono utilizzati per organizzare e raggruppare gli elementi in categorie / sezioni.
Per specificare un elenco di divisione, aggiungere il data-role="list-divider" attributo per un <li> elemento:
Esempio
<ul data-role="listview">
<li data-role="list-divider" >Europe</li>
<li><a href="#">Norway</a></li>
<li><a href="#">Germany</a></li>
</ul>
Prova tu stesso " Se si dispone di un elenco in ordine alfabetico, (ad esempio una rubrica telefonica) jQuery Mobile aggiunge automaticamente i divisori appropriate impostando la data-autodividers = attributo "vero" sul <ol> o <ul> elemento:
Esempio
<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>
Prova tu stesso " Il data-autodividers = attributo "vero" crea divisori con in maiuscolo prime lettere del testo della voce.
Altri esempi
Sola lettura liste
Come creare liste senza collegamenti (non sarà pulsanti e non tappable).
pannelli
Come inserire i pannelli alle vostre voci di elenco.