jQuery Mobile 表单滑动条

jQuery Mobile 滑动条控件

滑动条允许您从一个范围的数字中选择一个值：

如需创建滑动条，请使用 ：

实例

		

  进度:
  

使用以下属性来规定限制：

• max - 规定允许的最大值
• min - 规定允许的最小值
• step - 规定合法的数字间隔
• value - 规定默认值

提示: 如果你想在按钮中显示进度的值可以添加 data-show-value="true" 属性:

实例

提示: 如果你想在滑动按钮上显示进度（类似一个小弹窗）可以使用 data-popup-enabled="true" 属性:

实例

提示：如果您想要高亮突出显示滑动条的值，请添加 data-highlight="true"：

实例

拨动开关

拨动开关通常用于 on/off 或 true/false 按钮：

要做一个开关效果，其实很直接：使用 元素，并把 data-role 设置为 "flipswitch" 就可以了：

实例

  切换开关：
    
		

在默认状态下，开关切换显示的文字通常是 "On" 和 "Off"。如果想换成自定义文案，可以直接通过 data-on-text 和 data-off-text 这两个属性来设置：

实例

提示:开关复选框可以使用 "checked" 属性来设置默认的选项：

实例

更多实例

区间滑块
制作一个区间值的滑块。

滑块样式
为滑块开关设置样式。