根据输入字段更改Connected Jquery UI滑块的值

Question

我有3个连接的jquery ui滑块，其值反映在它们旁边的输入字段中。

请参阅http://jsfiddle.net/oniiru/gWbMp/

就像现在一样，当我滑动滑块时，输入的值会发生变化，但如果我在输入中键入一个新值，我无法弄清楚如何更改滑块的值。我知道还有其他的例子，但没有连接的滑块，我不知道怎么办不起。有人可以帮忙吗？对不起，我对此很新，任何帮助都将不胜感激。

作为旁注，滑块手柄也超出了滑块的末端，如果有人想帮我弄清楚如何修复它，我当然会欣赏它。 ：）

谢谢大家，

Answer 1

使用以下代码：modified jsfiddle

    $("input").change(function(){

         var index = $(this).attr('class').substring(0,1);
        $("#slider_"+ index).slider('value', this.value);
        refreshSliders( index - 0 );
});

注意：您不应对多个元素使用相同的ID。 （您对所有输入使用相同的ID）。