具有相反值的Jquery UI滑块?

具有相反值的Jquery UI滑块?,jquery,slider,increment,decrement,Jquery,Slider,Increment,Decrement,首先,我是jquery初学者,所以请不要因为我缺乏知识而生气 我正在尝试构建一个jquery滑块,它的开关正好打开其宽度的一半,两个输入值来自滑块,以特定方式工作: 如果将滑块开关移到左侧,#first输入中的值将递减,#second中的值将递增。右边的情况正好相反。。所以,如果我向右移动滑块,#second框得到(例如)值30,#first得到值70 我希望你能理解我的需要 到目前为止,我一直设法在滑块中间设置开关,#首先输入从滑块获取值 我不知道如何从这里继续前进 您可以在此处查看和编辑情况

首先,我是jquery初学者,所以请不要因为我缺乏知识而生气

我正在尝试构建一个jquery滑块,它的开关正好打开其宽度的一半,两个输入值来自滑块,以特定方式工作:

如果将滑块开关移到左侧,
#first
输入中的值将递减,
#second
中的值将递增。右边的情况正好相反。。所以,如果我向右移动滑块,
#second
框得到(例如)值30,
#first
得到值70

我希望你能理解我的需要

到目前为止,我一直设法在滑块中间设置开关,
#首先
输入从滑块获取值

我不知道如何从这里继续前进

您可以在此处查看和编辑情况:

html:


总数总是100吗?如果是这样,您只需添加此行:

$( "#second" ).val( 100 - ui.value );
请看这里:


总数总是100吗?如果是这样,您只需添加此行:

$( "#second" ).val( 100 - ui.value );
请看这里:


使用滑块的值减去100得到余数。 另外,
$(ui.value)
将查找不存在的
$(30)

$(function() {
    $( "#slider" ).slider(
    { value: 50,
        slide: function( event, ui ) {
            $( "#first" ).val( ui.value );
            $('#second').val(100-ui.value);
            }     
        }
    );
  });

使用滑块的值减去100得到余数。 另外,
$(ui.value)
将查找不存在的
$(30)

$(function() {
    $( "#slider" ).slider(
    { value: 50,
        slide: function( event, ui ) {
            $( "#first" ).val( ui.value );
            $('#second').val(100-ui.value);
            }     
        }
    );
  });

是的,伙计,就是这样。。。。爱你:)。。。我会尽快接受你的价值:),谢谢!是的,伙计,就是这样。。。。爱你:)。。。我会尽快接受你的价值:),谢谢!