jQuery Mobile - 可折叠
Collapsibles 是显示短内容的基本且简单的小部件。 下表列出了 jQuery Mobile 中使用的可折叠类型。
| 序号 | 可折叠类型 & 说明 |
|---|---|
| 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
可以使用 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 来提供可折叠的预呈现标记。 |
