Latest web development tutorials

jQuery Lista vista mobile



jQuery Lista vista mobile

jQuery Mobile nella visualizzazione lista è una lista HTML standard; ordinata (<ol>) e non ordinata (<ul>).

JQuery Mobile in visualizzazione elenco è una potente funzione. Si farà una lista non ordinata o ordinato di serie più ampiamente. L'applicazione del metodo è quello di aggiungere dati-role = "ListView" ul proprietà o tag ol. Aggiungere un collegamento su ciascun elemento (<li>), l'utente può cliccare su di esso:

Esempi

<ol data-role="listview" >
<li><a href="#">列表项m</a></li>
</ol>

<ul data-role="listview" >
<li><a href="#">列表项</a></li>
</ul>

Prova »

stile di elenco e bordi arrotondati, l'utilizzo di dati-inserto impostato = l'attributo "vero":

Esempi

<ul data-role="listview" data-inset="true" >

Prova »

lampada Per impostazione predefinita, la voce di lista collegata diventa automaticamente un pulsante (nessun dato-role = "tasto").


elenco delimitato

Gli elementi dell'elenco possono essere trasformati in un elenco di elementi di divisione, di organizzare elenchi, voci di elenco in gruppi.

lista specificata la segmentazione, per elencare elemento <li> elemento per aggiungere data-role = "lista-divider" proprietà:

Esempi

<ul data-role="listview">
<li data-role="list-divider" >欧洲</li>
<li><a href="#">法国</a></li>
<li><a href="#">德国</a></li>
</ul>

Prova »

Se si dispone di un elenco alfabetico (come ad esempio una rubrica telefonica) da <ol> o <ul> elemento data-autodividers = "true" set di attributi possono essere configurati per generare automaticamente partizione del progetto:

Esempi

<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 »

lampada data-autodividers = "true" possono essere configurati per generare automaticamente gli elementi separati. Per impostazione predefinita, testo delimitato per creare una lettera maiuscola è il primo testo elemento della lista.

Esempi

Altri esempi

Sola lettura lista
Come creare una lista senza collegamenti (non un pulsante non è cliccabile).

pannello
Come inserire pannello nell'elenco