想要將輸入字段綁定到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]); 
}