如何将两个因变量合并到一个noUiSlider中？

Question

我想在一个滑块中放置两个因变量（不是范围只是单个值）。例如，我有第一次初始化时显示在单个滑块中的测试成绩和GPA变量： -

测试成绩（100％）| ------------------- --- | ----------------------- | GPA（100％）

中点是拖动按钮的初始值应为50％的位置。当我向右移时，测试分数变量必须增加，GPA应该降低。同样，当向左移动时，测试分数必须减少GPA的增加。

我该如何做到这一点？提前致谢。

Answer 1

我不能完全肯定在“边缘”的值应该是什么，但假设这两个值的总和应为100％，你可以添加/ 50减，就像这样：

slider.Link().to(testScore, function(value){ 
    $(this).html(50 - Number(value)); 
}); 

slider.Link().to(GPA, function(value){ 
    $(this).html(50 + Number(value)); 
}); 

我已经在jsFiddle上设置了an example，这表明了这一点。