Latest web development tutorials

jQuery Mobile Voir la liste



jQuery Mobile Voir la liste

jQuery Mobile dans la vue de la liste est une liste HTML standard, ordonnée (<ol>) et unordered (<ul>).

JQuery Mobile dans la vue de la liste est une fonctionnalité puissante. Il fera une liste à puces ou ordonné norme plus largement. Application de la méthode consiste à ajouter des données-role = "listview" ul de propriété ou ol tag. Ajouter un lien sur chaque élément (<li>), l'utilisateur peut cliquer dessus:

Exemples

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

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

Essayez »

style de liste et des bords arrondis, l'utilisation des données-encart = "true" attribut défini:

Exemples

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

Essayez »

lampe Par défaut, la liste élément lié devient automatiquement un bouton (pas de données-role = "button").


liste délimité

Liste des articles peut être transformé en un élément de liste divisée, pour organiser des listes, les éléments de liste en groupes.

Spécifié segmentation liste, à la liste élément <li> pour ajouter des données-role = "liste diviseur" propriété:

Exemples

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

Essayez »

Si vous avez une liste alphabétique (comme un livre de téléphone) par <ol> ou <ul> élément data-autodividers = "true" ensemble d'attributs peuvent être configurés pour générer automatiquement la partition de projet:

Exemples

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

Essayez »

lampe data-autodividers = "true" peut être configuré pour générer automatiquement les éléments séparés. Par défaut, texte délimité pour créer une lettre majuscule est le premier texte liste d'articles.

Exemples

D'autres exemples

Lecture seule liste
Comment créer une liste sans liens (pas un bouton est pas cliquable).

panneau
Comment insérer le panneau dans la liste