Latest web development tutorials

jQuery Mobile bloc pliable

bloc de contenu Pliable

bloc pliable vous permet de masquer ou d'afficher le contenu - pour stocker une partie des informations utiles.

Pour créer un bloc de contenu pliable, vous devez ajouter le conteneur data-role = "pliable" attribut. Dans le conteneur (div) à l'intérieur, ajouter un élément d'en-tête (H1-H6), suivi de l'extension que vous souhaitez effectuer des balises HTML:

Exemples

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

Essayez »

Par défaut, le contenu est plié. Pour développer le contenu chargement de la page, utilisez les données affaissée = "false":

Exemples

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

Essayez »


bloc pliable imbriquée

blocs de contenu pliables peuvent être imbriqués les uns aux autres:

Exemples

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

Essayez »

lampe blocs de contenu pliables peuvent être imbriquées à plusieurs reprises en fonction de vos besoins.


collection pliable

Pliable ensemble de blocs pliable est regroupée (comme un accordéon). Lorsqu'un nouveau bloc est déployé, tous les autres blocs seront pliés.

Créer plusieurs blocs de contenu pliable, alors le contenu du bloc entouré par le conteneur pliable avec un nouveau data-role = "pliable-set" de:

Exemples

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

Essayez »


Exemples

D'autres exemples

Annuler le filet avec des marges par attribut de données-encart
Comment annuler le coin extérieur avec une distance de bloc pliable.

Grâce à un mini attribut de données-mini de blocs pliables
Comment faire bloc pliable plus petit.

Changer l'icône par des données affaissée-icon et les données expansées-icon
Comment changer l'icône de l'effondrement bloc (la valeur par défaut est + et -).

Le pli-pop
Créer un tiroir dans la pop.

Modifier l' emplacement de l' icône
Dans le tiroir de la façon de modifier la position de l'icône (la valeur par défaut est à gauche).