jQuery Mobile zusammenklappbar Block
Klapp-Inhaltsblock
Klapp-Block können Sie den Inhalt angezeigt wird oder nicht - für nützliche Teil der Informationen zu speichern.
Um einen zusammenklappbaren Inhaltsblock zu erstellen, müssen Sie den Container Daten-Rolle hinzufügen = "zusammenklappbar" Attribut. In dem Behälter (div) im Inneren, ein Kopfelement (H1-H6) hinzufügen, gefolgt von der Erweiterung, die Sie HTML-Tags machen wollen:
Standardmäßig wird der Inhalt gefaltet. So erweitern Sie den Inhalt, wenn die Seite geladen wird, verwenden die Daten zusammengeklappten = "false":
Beispiele
<h1>点击我 - 我可以折叠!</h1>
<p>I'm 现在我默认是展开的。</p>
</div>
Versuchen »
Verschachtelte zusammenklappbar Block
Klapp-Inhaltsblöcke können miteinander verschachtelt werden:
Beispiele
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
<div data-role="collapsible" >
<h1>点击我 - 我是嵌套的可折叠块!</h1>
<p>我是嵌套的可折叠块中被展开的内容。</p>
</div>
</div>
Versuchen »
Klapp-Inhaltsblöcke können mehrmals nach Ihren Bedürfnissen verschachtelt werden. |
Faltbare Kollektion
Faltbare zusammenklappbare Blocksatz wird zusammen gruppiert (wie ein Akkordeon). Wenn ein neuer Block eingesetzt wird, werden alle anderen Blöcke werden gefaltet werden.
Erstellen Sie mehrere zusammenklappbare Inhaltsblock, dann wird der Inhalt des Blocks durch den zusammenlegbaren Behälter mit einem neuen Daten Rolle umgeben = "zusammenklappbar-Set" aus:
Beispiele
<div data-role="collapsible">
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
</div>
<div data-role="collapsible">
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
</div>
</div>
Versuchen »
Weitere Beispiele
Abbrechen Filet mit Margen durch Daten-Einschub Attribut
Wie die äußere Ecke mit einem zusammenklappbaren Blockdistanz- abzubrechen.
Durch die Daten-mini mini Attribut zusammenklappbar Blöcke
Wie zusammenklappbar Block kleiner zu machen.
Ändern Sie das Symbol von Daten zusammengeklappten-Symbol und Daten-expanded-Symbol
Wie das Symbol zu ändern Block zu kollabieren (die Standardeinstellung ist + und -).
Der Falz-Pop
Erstellen Sie eine Schublade im Pop.
Symbol Bearbeiten Lage
In der Schublade, wie die Position des Symbols zu ändern (der Standard ist auf der linken Seite).