如何將兩個因變量合併到一個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，這表明了這一點。