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

Question

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

测试分数 (100%) |--------------------|---------------- ------|平均成绩 (100%)

中间点是拖动按钮应该以 50% 作为初始值的位置。当我向右移动时，考试成绩变量必须增加，而 GPA 应该减少。同样，当向左移动时，考试成绩必须随着 GPA 的增加而降低。

我该如何实现？提前致谢。

Answer 1

我不完全确定 'edges' 处的值应该是多少，但假设这两个值的总和应为 100%，您可以从 50 add/subtract，如下所示：

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 以显示其实际效果。

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

How to incorporate two dependent variable in one noUiSlider?

nouislider