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

时间:2015-04-05 14:21:50

标签: nouislider

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

考试成绩(100%)| ---------------------- | ----------------- ------ | GPA(100%)

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

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

1 个答案:

答案 0 :(得分:0)

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