jQuery Mobile - 滑块翻转切换开关



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

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

序号 翻转开关类型和描述
1 基本

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

2 主题

要为滑块翻转开关设置主题样例,可以将data-themedata-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
广告