Jquery slider范围滑块,为两个滑块设置不同的setp值
时间: 2024-03-16 12:42:47 浏览: 13
可以使用jQuery UI中的slider组件来实现范围滑块,并且可以为两个滑块设置不同的step值。你可以使用`step`选项来设置滑块的步长,例如:
```javascript
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 100,
values: [ 25, 75 ],
step: 5, // 第一个滑块的步长为5
slide: function( event, ui ) {
$( "#amount" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
}
});
$( "#slider-range2" ).slider({
range: true,
min: 0,
max: 100,
values: [ 25, 75 ],
step: 10, // 第二个滑块的步长为10
slide: function( event, ui ) {
$( "#amount2" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
}
});
```
在上面的代码中,我们创建了两个范围滑块,分别是`#slider-range`和`#slider-range2`。`#slider-range`的步长为5,`#slider-range2`的步长为10。
注意,`step`选项只能设置所有滑块的步长,不能单独为每个滑块设置不同的步长。如果需要为每个滑块设置不同的步长,需要创建多个范围滑块。