Latest web development tutorials

jQuery Mobile Lista Ver



jQuery Mobile Lista Ver

jQuery Mobile en la vista de lista es una lista HTML estándar; ordenado (<ol>) y no ordenada (<ul>).

JQuery Mobile en la vista de lista es una característica de gran alcance. Se hará una lista ordenada o no estándar más ampliamente. La aplicación del método consiste en añadir los datos en roles = "vista de lista" ul propiedad o etiqueta ol. Añadir un enlace en cada elemento (<li>), el usuario puede hacer clic en él:

Ejemplos

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

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

Trate »

estilo de lista y bordes redondeados, el uso de la técnica de inserción ajustable = "true" atributo:

Ejemplos

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

Trate »

lámpara Por defecto, el elemento de la lista enlazada se convierte automáticamente en un botón (no hay datos en roles = "botón").


lista delimitada

elementos de la lista se pueden convertir en una lista de elementos de división, para organizar las listas, elementos de lista en grupos.

lista especificada segmentación, a la lista elemento <li> para añadir data-role = "Lista de divisor de" propiedad:

Ejemplos

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

Trate »

Si usted tiene una lista alfabética (como una libreta de teléfonos) por <ol> o <ul> elemento de datos-autodividers = "true" conjunto de atributos pueden ser configurados para generar automáticamente partición del proyecto:

Ejemplos

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

Trate »

lámpara ficha autodividers = "true" se pueden configurar para generar automáticamente los elementos separados. De forma predeterminada, el texto delimitado para crear una letra mayúscula es el primer texto de lista de elementos.

Ejemplos

más ejemplos

Sólo lectura lista
Cómo crear una lista sin enlaces (no un botón no se puede hacer clic).

panel
¿Cómo insertar el panel de la lista