Latest web development tutorials

jQuery Mobile Listenansicht



jQuery Mobile Listenansicht

jQuery Mobile in der Listenansicht ist eine Standard-HTML-Liste, geordnet (<ol>) und ungeordnete (<ul>).

JQuery Mobile in der Listenansicht ist eine leistungsstarke Funktion. Es wird weiter verbreitet eine Standard-ungeordnete oder geordnete Liste erstellen. Die Anwendung der Methode ist es, Daten-Rolle hinzufügen = "Listview" Eigenschaft ul oder ol Tag. Fügen Sie einen Link für jedes Element (<li>), kann der Benutzer klicken Sie darauf:

Beispiele

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

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

Versuchen »

Liste Stil und abgerundeten Kanten, die Verwendung von Daten-Einsatz = "true" Attribut gesetzt:

Beispiele

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

Versuchen »

Lampe Standardmäßig wird die verknüpfte Listenelement automatisch eine Schaltfläche (keine Daten-role = "button").


separierte Liste

Listenelemente können in ein Listenelement Split gedreht werden, zu organisieren, Listen, Listenelemente in Gruppen.

Spezifizierte Liste Segmentierung, zur Liste Punkt <li> Elementdaten-Rolle hinzufügen = "list-Teiler" Eigenschaft:

Beispiele

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

Versuchen »

Wenn Sie eine alphabetische Liste (wie ein Telefonbuch) haben von <ol> oder <ul> Elementdaten-autodividers = "true" -Attribut Satz automatisch konfiguriert werden kann, um Projektpartition erzeugen:

Beispiele

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

Versuchen »

Lampe Daten-autodividers = "true" kann automatisch konfiguriert werden, dass die getrennten Elemente erzeugen. Standardmäßig getrennte Text einen Großbuchstaben ist das erste Listenelement Text zu erstellen.

Beispiele

Weitere Beispiele

Read-only - Liste
Wie man eine Liste ohne Links zu erstellen (keine Schaltfläche ist nicht anklickbar).

Platte
Wie Panel in der Liste einfügen