根据输入字段更改 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）。