jQuery Mobile - 滑块翻转切换开关
滑块翻转切换开关用于布尔样式输入,例如 true/false 或 on/off。
下表列出了 jQuery Mobile 中使用的翻转开关类型 −
序号 | 翻转开关类型 & 说明 |
---|---|
1 | Basic
可以通过在您的 <select> 中添加 data-role = "slider" 属性来创建翻转开关。 |
2 | Theme
要为您的滑动开关设置主题样本,您可以将 data-theme 和 data-track-theme 属性添加到 <select>。 |
3 | Mini
对于紧凑版的翻转开关,您可以将 data-mini = "true" 属性添加到您的 <select> |
4 | Disabled
您可以通过将 disabled 属性添加到您的 <select> 来禁用翻转开关。 |
5 | Label hidden
您可以通过将 ui-hidden-accessible 类添加到您的 <label> 来隐藏翻转开关的标签。 |
6 | Fieldcontain
将 ui-field-contain 类添加到 div 将确保显示翻转开关的表单将响应式呈现。 |
7 | Fieldcontain, mini
ui-field-contain 类可以添加到 mini 翻转开关以响应地呈现它。 |