Атрибут шага jQuery Slider не работает

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, а не 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

Должно быть:

step: 10

(a.k.a. Не множественное число)

Answer 3

Я считаю, что вариант должен быть шагом, а не шагом.