jQuery滑块步长属性不工作
下面是我用来创建滑块的代码:jQuery滑块步长属性不工作,jquery,user-interface,slider,Jquery,User Interface,Slider,下面是我用来创建滑块的代码: $(".slider").slider({ steps: 10, animate: true, range: true, min: 0, max: 500, values: [range[0],range[1]], change: function() { range = $( ".slider" ).slider("option", "values"); $
$(".slider").slider({
steps: 10,
animate: true,
range: true,
min: 0,
max: 500,
values: [range[0],range[1]],
change: function() {
range = $( ".slider" ).slider("option", "values");
$("#low-price").text("Min: $"+range[0]);
$("#high-price").text("Max: $"+range[1]);
}
});
问题是step属性不能正常工作。在上面的代码中,我认为每张幻灯片都会将值更改10,但它一次只执行1个值。有什么问题吗?问题在于选项名称,应该是这样的:
$(".slider").slider({
step: 10, //step, singular
animate: true,
range: true,
min: 0,
max: 500,
values: [range[0],range[1]],
change: function() {
range = $( ".slider" ).slider("option", "values");
$("#low-price").text("Min: $"+range[0]);
$("#high-price").text("Max: $"+range[1]);
}
});
我认为选项应该是步骤而不是步骤。应该是:
step: 10
(又称非复数)