Latest web development tutorials

bloque colapsable jQuery Mobile

bloque de contenido plegable

bloque plegable le permite ocultar o mostrar el contenido - para almacenar parte de la información útil.

Para crear un bloque de contenido plegable, es necesario agregar el contenedor de datos-role = atributo "plegable". En el contenedor (div) en el interior, añadir un elemento de cabecera (H1-H6), seguido de la extensión que desea hacer etiquetas HTML:

Ejemplos

<div data-role="collapsible" >
<h1>点击我 - 我可以折叠!</h1>
<p>我是可折叠的内容。</p>
</div>

Trate »

De forma predeterminada, se dobló el contenido. Para ampliar el contenido cuando se carga la página, use la técnica de colapsado = "false":

Ejemplos

<div data-role="collapsible" data-collapsed="false" >
<h1>点击我 - 我可以折叠!</h1>
<p>I'm 现在我默认是展开的。</p>
</div>

Trate »


bloque colapsable anidada

bloques de contenido plegables se pueden anidar entre sí:

Ejemplos

<div data-role="collapsible" >
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
<div data-role="collapsible" >
<h1>点击我 - 我是嵌套的可折叠块!</h1>
<p>我是嵌套的可折叠块中被展开的内容。</p>
</div>
</div>

Trate »

lámpara bloques de contenido plegables se pueden anidar varias veces de acuerdo a sus necesidades.


colección plegable

conjunto de bloques plegable desmontable se agrupa juntos (como un acordeón). Cuando se implementa un nuevo bloque, se retirarán todos los otros bloques.

Crear varias bloque de contenido plegable, a continuación, el contenido de la manzana rodeada por el contenedor plegable con un nuevo data-role = "colapsable-set" de:

Ejemplos

<div data-role="collapsible-set" >
<div data-role="collapsible">
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
</div>
<div data-role="collapsible">
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
</div>
</div>

Trate »


Ejemplos

más ejemplos

Cancelar filete con márgenes a través de atributos de datos de inserción
Cómo cancelar la esquina exterior con una distancia bloque colapsable.

A través de mini-mini atributo de datos de bloques plegables
Cómo hacer que el bloque plegable más pequeña.

Cambiar el icono por icono de datos-y-colapsado icono de datos expandida
Cómo cambiar el icono de colapsar bloque (el valor predeterminado es + y -).

El pliegue-pop
Crear un cajón en el pop.

Editar la ubicación del icono
En el cajón de cómo modificar la posición del icono (el valor por defecto es a la izquierda).