- jQuery Mobile 教程
- jQuery Mobile - 主页
- jQuery Mobile - 概览
- jQuery Mobile - 设置
- jQuery Mobile - 页面
- jQuery Mobile - 图标
- jQuery Mobile - 过渡效果
- jQuery Mobile - 布局
- jQuery Mobile - 工具
- jQuery Mobile - 事件
- jQuery Mobile - 表单
- jQuery Mobile - 主题
- jQuery Mobile - CSS 类
- jQuery Mobile - 数据属性
- jQuery Mobile 实用资源
- jQuery Mobile - 面试问答
- jQuery Mobile - 快速指南
- jQuery Mobile - 实用资源
- jQuery Mobile - 讨论
jQuery Mobile - 可折叠集
说明
在 jQuery Mobile 中,可通过将一系列分开的可折叠元素放入集合中,创建一个手风琴。
下表列出了 jQuery Mobile 中使用的不同类型可折叠集 -
| 序号。 | 可折叠集类型和说明 |
|---|---|
| 1 | 标记
可折叠集可通过与基本可折叠元素相同的标记创建。添加 data-role = "collapsibleset" 属性将使其成为可折叠集。 |
| 2 | 内嵌与全宽
要创建一个全宽可折叠元素,而不设置样式边角,请添加 data-inset 属性,并将其设置为 false。 |
| 3 | 迷你
当需要可折叠元素集合的精简版本时,添加 data-mini 属性,并将其设置为 true。 |
| 4 | 图标
要覆盖默认标题图标,请在 collapsibleset 级别或在其任何可折叠元素上添加 data-collapsed-icon 和 data-expanded-icon 属性。 |
| 5 | 图标位置
要覆盖默认图标位置,请在 collapsibleset 级别或在其任何可折叠元素上使用 data-iconpos 属性。 |
| 6 | 边角
要获得一个没有圆角样式的内嵌可折叠集,只需添加 data-corners 属性,并将其设置为 false。 |
| 7 | 主题
每个可折叠标题的颜色可以通过向可折叠集添加 data-theme 属性来设置。 |
jquery_mobile_widgets.htm
广告