如何在一个noUiSlider中加入两个因变量？

Question

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

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

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

我如何实现这一目标？提前谢谢。

Answer 1

我不完全确定＆＃39;边缘的值是什么？应该是，但假设两个值应该总和为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，显示了这一点。