滑动条 - Slider

覆盖默认值 $.fn.slider.defaults.

 slider 允许用户从一个有效的范围选择一个数值.当沿着轨道移动拇指(鼠标指上去变拇指)控制,一个提示将显示代表当前值,用户可以自定义slider ,通过设置它 的属性

.

Dependencies

  • draggable

Usage Example

当使用作为一个form字段,从<input>标记创建slider

从<div>标签创建slider 也是允许的,但是'value'属性是无效的.

使用编程的方式创建slider.


Properties

Name Type Description Default
width number slider的宽度.. auto
height number slider的高度. auto
mode string 指定那种类型的slider , 可用值: 'h'(水平),'v'(垂直) h
showTip boolean 定义是否显示值信息提示. false
disabled boolean 定义是否禁用 slider. false
value number 默认值. 0
min number 最小允许值. 0
max number 最大允许值. 100
step number 步长(类似for循环中的i++)增加或者减少的值. 1
rule array 显示在slider旁边的标签 , '|' 仅仅显示一根线. []
tipFormatter function 转换slider的值的函数.返回string类型值将显示作为提示.

Events

Name Parameters Description
onChange newValue, oldValue 当字段值发生改变的时候触发.
onSlideStart value 开始拖动slider的时候触发.
onSlideEnd value 停止拖动slider的时候触发.

Methods

Name Parameter Description
options none 返回 slider options对象.
destroy none 销毁slider对象.
resize param 设置slider大小.'param' 包含以下属性:
width:新的slider宽度
height:新的slider高度
getValue none 得到slider值.
setValue value 设置slider值.
enable none 启用 slider 组件.
disable none 禁用 slider 组件