jQuery Mobile - 滑块翻转切换开关

滑块翻转切换开关用于布尔样式输入,例如 true/falseon/off

下表列出了 jQuery Mobile 中使用的翻转开关类型 −

序号 翻转开关类型 & 说明
1 Basic

可以通过在您的 <select> 中添加 data-role = "slider" 属性来创建翻转开关。

2 Theme

要为您的滑动开关设置主题样本,您可以将 data-themedata-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 翻转开关以响应地呈现它。

❮ jQuery Mobile - 小部件