Latest web development tutorials

jQuery komórkowy widok listy


jQuery komórkowy widok listy

jQuery Mobile w widoku listy jest lista standardowych HTML; zamawiane (<ol>) i nieuporządkowana (<ul>).

JQuery Komórka w widoku listy jest potężnym narzędziem. To sprawi, że standardową listę nieuporządkowaną i uporządkowaną szerzej. Zastosowanie metody jest dodanie data-role = "ListView" własność UL lub tag ol. Dodaj link na każdej pozycji (<li>), użytkownik może kliknąć na niej:

Przykłady

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

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

Spróbuj »

Styl listy i zaokrąglone krawędzie, wykorzystanie danych-wstawka = "true" zestaw atrybutów:

Przykłady

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

Spróbuj »

lampa Domyślnie połączony element listy automatycznie staje się przycisk (brak danych-role = "button").

lista rozdzielonych

Elementy list może być przekształcony w liście Element Split, organizowanie list, elementów listy na grupy.

Podana lista segmentacja, do listy element <li> elementu, aby dodać data-role = "list-dzielnik" własność:

Przykłady

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

Spróbuj »

Jeśli masz listę alfabetyczną (takie jak książka telefoniczna) przez <ol> lub <ul> element danych-autodividers = "true" zestaw atrybut może być skonfigurowany do automatycznego generowania partycję projektu:

Przykłady

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

Spróbuj »

lampa data-autodividers = "true" może być skonfigurowany do automatycznego generowania oddzielne elementy. Domyślnie tekst rozdzielany stworzyć dużą literą jest pierwszy tekst element listy.
Przykłady

Więcej przykładów

Tylko do odczytu listy
Jak utworzyć listę bez linki (nie przycisk nie jest klikalny).

płyta
Jak wstawić panel na liście