Ползунок диапазона jquery не скользит после изменения минимального значения после инициализации

Question

Я запускаю ползунок диапазона при загрузке страницы:

$("#slider").slider({
            range: true,
            min: 634606,
            max: 734818,
            step: 1,
            values: [634606, 734818]
})

при вводе пользователем (html-форма). Я получаю данные с сервера с помощью ajax-запроса.Данные должны ограничивать ползунок (пользовательский ввод).Я пытаюсь добиться этого с помощью следующего синтаксиса:

// set new data values
$('#slider').slider('values',1, time[1]);
$('#slider').slider('values',0, time[0]);
// set new min/max limits
$("#slider").slider("option","max", time[1] );
$("#slider").slider("option","min", time[0] );

после использования опции min дескрипторы больше не смогут двигаться.Если я прокомментирую эту последнюю строку, можно переместить ручки.Я неправильно обращаюсь с ползунком?Я даже попытался уничтожить слайдер и заново запустить его с новыми значениями, без удачи ...

Answer 1

я обнаружил реальную проблему ... дело в том, что массив времени содержит строковые значения вместо числовых. Который исходит из ajax-запроса. Это противоречило обработчикам ползунка.

Я решил это с помощью следующего кода:

$("#slider").slider("option","max", parseFloat(time[1]) );
$("#slider").slider("option","min", parseFloat(time[0]) );

Спасибо за информацию, хотя!

Answer 2

Вы можете установить значения, передавая объект, например так:

$("#slider").slider({ min: time[0], max: time[1], values: time });

Если time[] содержит больше значений, ваш объект должен выглядеть следующим образом:

$("#slider").slider({ min: time[0], max: time[1], values: [time[0], time[1]] });

Выполнение этого, как в приведенном выше коде, должно решить ваши минимальные / максимальные проблемы. Если вы хотите придерживаться текущего метода, установите значения следующим образом:

$("#slider").slider("option", "values", time); //or...
$("#slider").slider("option", "values", [time[0],time[1]]);