Jquery-mobile-collapsible-set-main

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

jQuery Mobile-折りたたみセット

説明

jQuery Mobileでは、一連の個別の折りたたみ式をセットに入れることでアコーディオンを作成できます。

次の表は、jQuery Mobileで使用される折りたたみ可能なセットのさまざまなタイプを示しています-

Sr.No. Collapsible set type & Description
1

Markup

折りたたみセットは、基本的な折りたたみと同じマークアップで作成できます。 _data-role = "collapsibleset" _ 属性を追加すると、折りたたみセットになります。

2

Inset vs. full width

角をスタイリングせずに全幅折りたたみ可能を作成するには、_data-inset_属性を追加し、_false_に設定します。

3

Mini

折りたたみ可能なセットのコンパクトバージョンが必要な場合は、_data-mini_属性を追加し、_true_に設定します。

4

Icons

デフォルトの見出しアイコンを上書きするには、_collapsibleset_レベルまたはその折りたたみのいずれかで_data-collapsed-icon_および_data-expanded-icon_属性を追加します。

5

Icon position

デフォルトのアイコンの位置をオーバーライドするには、_collapsibleset_レベルまたはその折りたたみ可能ないずれかで_data-iconpos_属性を使用します。

6

Corners

角の丸いスタイルなしで折り畳み可能なセットを取得するには、_data-corners_属性を追加して_false_に設定します。

7

Theme

折りたたみ可能なヘッダーに色を設定するには、折りたたみ可能なセットに_data-theme_属性を追加します。