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-themedata-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 以响应地呈现它。

❮ jQuery Mobile - 小部件