jQuery Mobile - 滑块

滑块允许您从一个值的范围内选择一个数值。滑块提供一个手柄来滑动并选择一个值。

下表列出了 jQuery Mobile 中使用的滑块类型 -

序号	滑块类型和描述
1	基本滑块要添加滑块小部件，请使用带有type = "range" 属性的输入。
2	步长属性您可以通过向<input>添加 step 属性来强制滑块捕捉到特定的增量。
3	高亮显示要突出显示滑块手柄位置之前的轨道上的填充，请添加data-highlight = "true" 属性。
4	主题要设置滑块的主题色板，您可以向<input>添加data-theme 属性。
5	迷你尺寸对于更紧凑版本的滑块，您可以在<input>中使用data-mini 属性。
6	禁用您可以使用disabled 属性禁用滑块。
7	标签隐藏您可以通过向<label>添加ui-hidden-accessible 类来隐藏滑块的标签。
8	Fieldcontain 向div添加ui-field-contain 类将确保表单将以响应方式呈现。
9	Fieldcontain，迷你尺寸可以将ui-field-contain 类添加到mini 滑块以使其以响应方式呈现。
10	全宽滑块，无输入您可以隐藏数字输入，并使用自定义 CSS 使滑块全宽。
11	动态注入可以使用JavaScript 函数在运行时创建滑块。

jquery_mobile_widgets.htm

打印页面

广告