jQuery Mobile - 范围滑块小部件
Rangeslider 小部件为您提供了一对手柄,允许您选择数值范围。
下表列出了 jQuery Mobile 中使用的范围滑块类型 −
序号 | Rangeslider 类型 & 说明 |
---|---|
1 | Basic rangeslider
您可以通过添加 data-role 属性并将其设置为 rangeslider 来使用 rangeslider 小部件。 |
2 | Step attribute
您可以通过将 step 属性添加到输入来强制滑块捕捉到特定的增量。 |
3 | No highlight
要在滑块手柄位置之前的轨道上不高亮显示,请添加data-highlight 属性并将其设置为false。 |
4 | Theme
您可以使用 data-track-theme 和 data-theme 属性为您的 rangeslider 设置主题。 |
5 | Mini
对于更紧凑的 rangeslider 版本,您可以使用 data-mini 属性。 |
6 | Disabled
您可以使用 disabled 属性禁用 rangeslider。 |
7 | Label hidden
您可以通过将 ui-hidden-accessible 类添加到您的标签来隐藏范围滑块的标签。 |
8 | Fieldcontain
将 ui-field-contain 类添加到表单元素的 div 包装器将确保表单以响应方式呈现。 |
9 | Fieldcontain, mini
ui-field-contain 类可以添加到 mini rangeslider 以响应地呈现它。 |