Jquery-mobile-collapsible

提供:Dev Guides
移動先:案内検索

jQuery Mobile-折りたたみ可能

折りたたみ式は、短いコンテンツを表示するための基本的で簡単なウィジェットです。 次の表に、jQuery Mobileで使用される折りたたみ可能なタイプを示します。

Sr.No. Collapsible type & Description
1

Basic collapsible

コンテンツの折りたたみ可能なブロックは、コンテナの_data-role = "collapsible" _属性を使用して作成できます。

2

Theme

折りたたみ可能なテーマを設定するには、 _ data-theme_ 属性を使用し、テーマ見本レターを指定して_data-content-theme_属性を追加します。

3

Expanded

_data-collapsed_属性を使用して_false_に設定すると、ページの読み込み時に折りたたみ可能なコンテンツを展開できます。

4

Mini sized

折りたたみ可能なコンパクトバージョンが必要な場合はいつでも使用できます。 これは、_data-mini_を使用して_true_に設定することで実現できます。

5

Icons

折りたたみ可能な見出しのデフォルトアイコンは、_data-collapsed-icon_および_data-expanded-icon_属性を使用してオーバーライドできます。

6

Icon positioning

Collapsibe見出しのデフォルトのアイコンの位置は、_data-iconpos_属性を使用してオーバーライドできます。

7

Legend

_fieldset_および_legend_を使用して、フォーム要素を折りたたみ可能に表示できます。

8

Non-inset collapsible

インセットの外観を削除し、コーナースタイリングなしで折りたたむことができる全幅を表示するには、_data-inset = "false" _属性を追加できます。

9

Set of individual collapsibles

一連の個別の折りたたみを適用でき、一度に複数の行を開くことができます。

10

Pre-rendered markup

ページの読み込み時間を改善するために、_data-enhanced_属性を追加して_true_に設定することにより、折りたたみ可能な事前レンダリングされたマークアップを提供できます。