- 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 中使用的可折叠面板类型。
| 序号 | 可折叠面板类型及描述 |
|---|---|
| 1 | 基本可折叠面板
可折叠内容块可以使用data-role = "collapsible"属性添加到容器中创建。 |
| 2 | 主题
要设置可折叠面板的主题,可以使用data-theme属性并添加data-content-theme属性,并指定主题色块字母。 |
| 3 | 展开
它允许您在页面加载时展开可折叠内容,使用data-collapsed属性并将其设置为false。 |
| 4 | 迷你尺寸
当您需要可折叠面板的紧凑版本时可以使用它。这可以通过使用data-mini并将其设置为true来实现。 |
| 5 | 图标
可以使用data-collapsed-icon和data-expanded-icon属性覆盖可折叠标题的默认图标。 |
| 6 | 图标位置
可以使用data-iconpos属性覆盖可折叠标题的默认图标位置。 |
| 7 | 图例
您可以通过使用fieldset和legend在可折叠面板中显示表单元素。 |
| 8 | 非内嵌可折叠面板
要移除内嵌外观并以完整宽度显示可折叠面板(无需圆角样式),您可以添加data-inset = "false"属性。 |
| 9 | 一组独立的可折叠面板
您可以应用一系列独立的可折叠面板,并允许您一次打开多行。 |
| 10 | 预渲染标记
为了提高页面加载速度,您可以通过添加data-enhanced属性并将其设置为true来为可折叠面板提供预渲染标记。 |
jquery_mobile_widgets.htm
广告