Question

以下是我用来创建滑块的代码：

    $(".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个值。关于这里有什么问题的任何想法？

Answer 1

问题是选项名称，它应该是step not steps，如下所示：

$(".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]);
    } 
});

Answer 2

我认为选项应该是步骤而不是步骤。

Answer 3

应该是：

step: 10

（a.k.a。不是复数）

jQuery Slider Step属性不起作用

3 个答案: