带有jQuery的多范围滑块（更新输入）

Question

我有一个范围滑块的好例子，它更新了输入字段：

http://jsfiddle.net/FPCRb/1/

我确实设法从那个

创建了多个远程滑块

$( ".slider" ).each(function() {
   $( this ).slider({
   ...

但通过以下方式更新输入：

$("input.sliderValue[data-index=" + i + "]").val(ui.values[i]);

并通过以下方式更新滑块：

$("input.sliderValue").change(function() {
    var $this = $(this);
    $("#slider").slider("values", $this.data("index"), $this.val());
});

当然不起作用。怎么能以一种很好的方式扩展呢？