O que é bloco dobrável jQuery Mobile e como usá-lo?

jQuery Mobile curso
jQuery Mobile lista
jQuery Mobile formulário
jQuery Mobile tema
- jQuery Mobile tema
jQuery Mobile evento

O melhor tutorial bloco dobrável jQuery Mobile em 2024. Neste tutorial você pode aprender bloco de conteúdo recolhível,Exemplos,Exemplos,bloco dobrável Nested,Exemplos,coleção dobrável,Exemplos,mais exemplos,

bloco dobrável jQuery Mobile

Anterior: barra de navegação jQuery Mobile

Seguinte: jQuery Mobile Grade

bloco de conteúdo recolhível

bloco dobrável permite ocultar ou exibir o conteúdo - para armazenar parte da informação útil.

Para criar um bloco de conteúdo dobrável, é necessário adicionar o recipiente de dados em papel = atributo "dobrável". No recipiente (div) para dentro, adicionar um elemento de cabeçalho (H1-H6), seguido pela extensão você quiser fazer tags HTML:

Exemplos

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

tente »

Por padrão, o conteúdo está sendo dobrado. Para expandir o conteúdo quando a página é carregada, use o = "false" desmoronou-data:

Exemplos

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

tente »

bloco dobrável Nested

blocos de conteúdo dobráveis podem ser aninhados uns aos outros:

Exemplos

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

tente »

	blocos de conteúdo dobráveis podem ser aninhados várias vezes de acordo com suas necessidades.

coleção dobrável

Dobrável conjunto de bloco dobrável é agrupado em conjunto (como um acordeão). Quando um novo bloco é implantada, todos os outros blocos serão dobrados.

Criar vários bloco de conteúdo dobrável, em seguida, o conteúdo do bloco rodeado pelo contêiner dobrável com um novo papel de dados = "dobrável-set" de:

Exemplos

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

tente »