Javascript 用另一个jQuery动态控制一个旋钮

我有两个旋钮，我想在移动第二个旋钮时动态控制第一个旋钮的值

到目前为止，我已经： （第一个旋钮）

（移动第二个旋钮时，应动态更改第一个旋钮）

我还尝试使用：

document.getElementById('inf-knob').value = this.value;

没有结果

我错过了什么

感谢

作为国家文件，您应该使用：

要返回指定旋钮的值，请执行以下操作：

$('myselector').knobRot('get')

要设置指定的一个或多个旋钮的值（将与集合一起使用），请执行以下操作：

然后需要触发

KnobRot

refresh。因此，在您的情况下，您可以将其用作：

 $('#black-knob').knobRot({           
    }).on('knobdrag', function(e){
        console.log(this.value * 2);
        $('#inf-knob').knobRot('set', this.value);
        $('#inf-knob').trigger('knobrefresh');
    }); 

还有，这里是 附言

小提琴演示没有显示旋钮的图形图标 无法计算出KnobRot要求的所有包含项。但是，你 可以将鼠标悬停在文本字段下方，并在展开光标时进行拖动 出现了

我从未使用过这种类型的插件。还有插件文档 似乎很差，没有经常更新。为什么不换一种呢 插件名称：jQuery旋钮 和

$('myselector').knobRot('get')

$('myselector').knobRot('set', value)

 $('#black-knob').knobRot({           
    }).on('knobdrag', function(e){
        console.log(this.value * 2);
        $('#inf-knob').knobRot('set', this.value);
        $('#inf-knob').trigger('knobrefresh');
    });