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-icon 和 data-expanded-icon 属性 . |
5 | Icon position
要覆盖默认图标位置,请在 collapsibleset 级别或其任何可折叠对象上使用 data-iconpos 属性。 |
6 | Corners
要获得没有圆角样式的插入可折叠集,只需添加 data-corners 属性并将其设置为 false。 |
7 | Theme
每个可折叠标题的颜色可以通过将 data-theme 属性添加到可折叠集来设置。 |