jQuery Mobile - 范围滑块小组件



Rangeslider 小组件为您提供一对可用于选择数值范围的句柄。

下表列出了 jQuery Mobile 中使用的范围滑块类型 −

类型编号。 Rangeslider 类型 & 描述
1 基本 rangeslider

您可以通过添加 data-role 属性并将其设置为 rangeslider 来使用 rangeslider 小组件。

2 Step 属性

您可以将 step 属性添加到输入中,以强制滑块按特定增量捕捉。

3 无高亮

如果希望滑块手柄位置之前的轨道上没有高亮显示,请添加 data-highlight 属性并将其设置为 false

4 主题

您可以使用 data-track-themedata-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
广告
© . All rights reserved.