Хотите привязать поле ввода к дескриптору слайдера jquery-ui

Question

Я хочу привязать поле ввода к дескриптору ползунка jquery-ui. Поэтому, когда меняется одно значение, я хочу, чтобы другое значение также менялось. Пример: если кто-то вводит 1000 в поле ввода минимального значения, я хочу, чтобы нижняя ручка ползунка переместилась на отметку 1000. Также, если пользователь перетаскивает нижнюю ручку ползунка до 1000, поле ввода должно отражать это.

Сделать слайдер, отражающий изменения в поле ввода, очень просто:

$(minYearInput).blur(function () {
    $("#yearSlider").slider("values", 0, parseInt($(this).val()));
});
$(maxYearInput).blur(function () {   
    $("#yearSlider").slider("values", 1, parseInt($(this).val()));
});

Мне просто нужна помощь, чтобы текстовые поля имитировали ползунок.

$("#yearSlider").slider({
    range: true,
    min: 1994,
    max: 2011,
    step: 1,
    values: [ 1994 , 2011 ],
    slide: function(event, ui) {
        //what goes here?
    }
}); 

Есть идеи?

Аналогичный вопрос с этого сайта: Слайдер пользовательского интерфейса Jquery - введите значение и переместите ползунок в местоположение

Answer 1

Внимательно посмотрите на пример кода на странице пользовательского интерфейса JQuery о ползунке диапазона .

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

function(event, ui) {
    //what goes here?
    $(minyearInput).val(ui.values[0]);
    $(maxyearInput).val(ui.values[1]);
}