step是步长
这个矩阵,用来设置控制slider的步长,
一个是小步长,是点击slider两端的箭头移动的步长;
一个是大步长,是点击slider时移动的步长
我是2个表单滑动:
比如从:1-10的小数滑动(1.1,1.2...9.8,9.9,10)
$( "#slider-rangec" ).slider({
range: true,
min: 10,
max: 100,
values: [10, 100 ], //这里范围设置10倍
slide: function( event, ui ) {
$( "#input_1" ).val(ui.values[ 0 ]/10)
$( "#input_2" ).val(ui.values[ 1 ]/10)
}
})
$( "#input_1" ).val( 1 )$( "#input_2" ).val( 10 ) //这里初始化正常整数
Slider 用于选择一个范围值的组件
minimumValue :滑块的最小值(当滑块滑到最左侧时表示的值),默认为0
maximumValue :滑块的最大值(当滑块滑到最右端时表示的值),默认为1
value :滑块的初始值。这个值应该在最小值和最大值之间,默认值是0
onValueChange :在用户拖动滑块的过程中不断调用此回调,携带一个当前滑块的位置参数
onSlidingComplete :户结束滑动的时候调用此回调
step :滑块的最小步长,这个值应该在0到(maximumValue - minimumValue)之间,默认值为0
thumbImage :给滑块设置一张图片,只支持静态图片
trackImage :给轨道设置一张背景图,只支持静态图片,图片最中央的像素会被平铺直至填满轨道
minimumTrackImage :指定一个滑块左侧轨道背景图,仅支持静态图片。图片最右边的像素会被平铺直至填满轨道
maximumTrackImage :指定一个滑块右侧轨道背景图,仅支持静态图片。图片最左边的像素会被平铺直至填满轨道
minimumTrackTintColor :滑块左侧轨道的颜色,默认为一个蓝色的渐变色
maximumTrackTintColor :滑块右侧轨道的颜色,默认为一个灰色的渐变色
上面效果用到的图片,是我随便切的
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)