想要将输入字段绑定到 jquery-ui 滑块句柄答案

【问题标题】：Want to bind an input field to a jquery-ui slider handle想要将输入字段绑定到 jquery-ui 滑块句柄
【发布时间】：2010-05-18 19:37:52
【问题描述】：

我想将一个输入字段绑定到 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 UI Slider - Input a Value and Slider Move to Location

【问题讨论】：

标签： javascript jquery-ui input slider handle

【解决方案1】：

仔细查看JQuery UI's page about the range slider上的示例代码。

您可以通过 ui 对象访问滑块的值。如：

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

【讨论】：