jQuery-Ui多个实例与滑块无法正常工作

Question

我有3个滑块作为red,green,blue - 我将ui函数存储到函数中。

我使用不同的参数调用3次，但该值始终仅更新到第一个（红色）实例。

blue,green输入值不会更改red始终更新。如果我错了怎么做多个实例？

这是我的代码：

var RGBHanlder = function (container,element) {
              var newContainer = container,
                  colorBar = container.find('.'+element),
                  input = colorBar.prev('input');

                  console.log(input.get(0)); //i have 3 inputs separately.

                $( colorBar ).slider({
                  slide: function( event, ui ) {
                    input.val(setValueInRange.call($this, (ui.value << 0) + 1, 0, 255));
                    color.val('r', ui.value*2.55, input); //always updates red
                  }
                });
          };

          RGBHanlder($('.tbody:first'),'redBar');
          RGBHanlder($('.tbody:first'),'blueBar');
          RGBHanlder($('.tbody:first'),'greenBar');

更新

我正在使用3个滑块。但只有input元素的问题。