jQuery Mobile 教程

备案控制台

登录注册

在线学习中心课程jQuery Mobile 教程

1分钟

jQuery Mobile 可折叠内容块

可折叠块允许您隐藏或显示内容 - 对于存储部分信息很有用。

如需创建一个可折叠的内容块，需要为容器添加 data-role="collapsible" 属性。在容器（div）内，添加一个标题元素（H1-H6），后跟您想要进行扩展的 HTML 标记：

上一节: 面板定位实例2 下一节: 可折叠内容块实例

直播支持申请

目录

评价

推荐

1. jQuery Mobile 教程

jQuery Mobile 教程

jQuery Mobile 实例

jQuery Mobile 简介

前置知识

什么是 jQuery Mobile?

为什么使用 jQuery Mobile?

最好的阅读体验

jQuery Mobile 安装

从 CDN 中加载 jQuery Mobile

jQuery Mobile CDN

下载 jQuery Mobile

提示

jQuery Mobile 页面

jQuery Mobile 页面实例

实例解析

在页面中添加 jQuery Mobile

在页面中添加 jQuery Mobile 实例

注意

页面作为对话框使用

页面作为对话框使用实例

jQuery Mobile 过渡

jQuery Mobile 页面切换效果

注意

提示

jQuery Mobile 页面切换效果实例

jQuery Mobile 按钮

在 jQuery Mobile 中创建按钮

<button>

<input>

<a>

导航按钮

导航按钮实例

内联按钮

内联按钮实例

组合按钮

组合按钮实例

后退按钮

后退按钮实例

更多链接按钮实例

jQuery Mobile 按钮图标

添加图标到 jQuery Mobile 按钮

注意

定位图标

图标的位置

只显示图标

移除圆圈

黑色、白色按钮

更多实例

jQuery Mobile 弹窗

jQuery Mobile 弹窗实例1

jQuery Mobile 弹窗实例2

关闭弹窗

定位弹窗

定位弹窗实例

过渡

所有过渡效果实例

弹窗方向小边框

弹窗方向小边框实例

弹窗对话框

弹窗对话框实例

图片弹窗

图片弹窗实例

弹窗背景覆盖

弹窗背景覆盖实例

弹窗背景覆盖实例2

注意

jQuery Mobile 工具栏

头部栏

头部栏实例

头部栏实例2

头部栏实例3

尾部栏

尾部栏实例

尾部栏实例2

尾部栏实例3