jQuery Mobile - 可折叠集合

描述

在 jQuery Mobile 中,可以通过将一系列单独的可折叠对象放入集合中来创建手风琴。

下表列出了 jQuery Mobile 中使用的不同类型的可折叠集 −

序号 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-icondata-expanded-icon 属性 .

5 Icon position

要覆盖默认图标位置,请在 collapsibleset 级别或其任何可折叠对象上使用 data-iconpos 属性。

6 Corners

要获得没有圆角样式的插入可折叠集,只需添加 data-corners 属性并将其设置为 false

7 Theme

每个可折叠标题的颜色可以通过将 data-theme 属性添加到可折叠集来设置。

❮ jQuery Mobile - 小部件