Javascript Jquery多个滑块相互连接

我尝试设置3个jquery ui滑块，3个滑块的总和必须始终保持在100，因此当我更改一个滑块的值时，其他滑块必须更新

在示例中，如果一个滑块的值为40，我将该值提高到50，则其他两个滑块必须减少5

有人能帮我吗？

---

谢谢，

在任何情况下，高值的概率都是50。。。因此，将所有三个滑块设置为0到50。。。并将其类设置为class=“selector inactive”

---

希望这解决了您的问题

谢谢您的帮助，这行代码对我帮助很大：valuechange=（valuechange+（ui.values[0]）-100；我现在已经更新了你的代码。。。现在运行它。。。。仅替换了此行$（item）.slider（'value'，itemvalue+（（valuechange/2）*-1））。。。将滑块范围更改为0到50。。。因为最大值的概率在任何情况下都是50，我不明白为什么你想要50作为高概率，如果其他两个滑块的值为0，那么滑块的值必须为100假设在你的senario（0，100，0）。。。然后你把滑块1拉到100。。。那么值应该是100，50，-50。。。所以第三张幻灯片是负片，你可能会看到NaN。。。所以你必须在某个点限制滑块（最大和最小）。是的，这就是问题所在，在这种情况下，我们需要一个条件：只有滑块2必须减少。如果一个滑块处于最小值或最大值，则该滑块无法移动，而另一个滑块。非活动滑块必须通过valuechange（而不是valuechange/2）移动。但是我不知道怎么做。。

$(".selector").slide(function(event, ui){

    $(event.srcElement).removeClass('inactive');

    var valuechange = 0;

    $('.inactive').each(function(value, item){
       // get sum of other two sliders
       valuechange += $(item).slider( "option", "value");
    });

    // subtract sum(othertwo) + this value with 100 to get current changed value
    valuechange = (valuechange + (ui.values[0])) - 100;

    $('.inactive').each(function(value, item){
          // add other sliders values to changedvalue / 2
          $(item).slider( "option", "value", $(item).slider( "option", "value") + (( valuechange / 2) * -1));
    });

    $(event.srcElement).toggleClass('inactive');
});