Как включить две зависимые переменные в один noUiSlider?

Question

Я хочу поместить две зависимые переменные в один слайдер (а не только одно значение). Например, у меня есть тестовые оценки и переменные GPA, которые отображаются в одном слайдере с первой инициализацией как: -

Результаты тестов (100%) | ------------------- --- | ----------------------- | GPA (100%)

Средний пип, где кнопка перетаскивания должна быть на 50% в качестве начального значения. Когда я перемещаюсь вправо, значение переменной теста должно быть увеличено, а показатель 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)); 
}); 

Я установил an example на jsFiddle, который показывает это в действии.