- 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 - 范围滑块小组件
Rangeslider 小组件为您提供一对可用于选择数值范围的句柄。
下表列出了 jQuery Mobile 中使用的范围滑块类型 −
| 类型编号。 | Rangeslider 类型 & 描述 |
|---|---|
| 1 | 基本 rangeslider
您可以通过添加 data-role 属性并将其设置为 rangeslider 来使用 rangeslider 小组件。 |
| 2 | Step 属性
您可以将 step 属性添加到输入中,以强制滑块按特定增量捕捉。 |
| 3 | 无高亮
如果希望滑块手柄位置之前的轨道上没有高亮显示,请添加 data-highlight 属性并将其设置为 false。 |
| 4 | 主题
您可以使用 data-track-theme 和 data-theme 属性设置 rangeslider 的主题。 |
| 5 | 迷你
对于更紧凑版本的 rangeslider,您可以使用 data-mini 属性。 |
| 6 | 已禁用
您可以使用 disabled 属性禁用 rangeslider。 |
| 7 | 标签隐藏
您可以通过将 ui-hidden-accessible 类添加到标签中来隐藏 rangeslider 的标签。 |
| 8 | Fieldcontain
将 ui-field-contain 类添加到表单元素的 div 包装器中,将确保以响应的方式呈现表单。 |
| 9 | Fieldcontain,迷你
可以将 ui-field-contain 类添加到迷你 rangeslider 中,以便以响应方式呈现它。 |
jquery_mobile_widgets.htm
广告