- 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 | 基本
通过在<select>中添加data-role = "slider"属性来创建翻转开关。 |
2 | 主题
要为滑块翻转开关设置主题样例,可以将data-theme和data-track-theme属性添加到<select>。 |
3 | 迷你
对于翻转开关的精简版本,可以将data-mini = "true"属性添加到<select>。 |
4 | 禁用
可以通过向<select>添加disabled属性来禁用翻转开关。 |
5 | 隐藏标签
可以通过向<label>添加ui-hidden-accessible类来隐藏翻转开关的标签。 |
6 | Fieldcontain
向div添加ui-field-contain类可确保显示翻转开关的表单被响应式呈现。 |
7 | Fieldcontain,迷你
可以将ui-field-contain类添加到迷你翻转开关以使其响应式呈现。 |
jquery_mobile_widgets.htm
广告