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

Answer 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]); 
}