gpt4 book ai didi

javascript - Jquery多个 slider 互连

转载 作者:行者123 更新时间:2023-11-28 09:55:42 29 4
gpt4 key购买 nike

我尝试设置3个jquery ui slider 互连,3个 slider 的总和必须始终保持在100,因此当我更改一个 slider 的值时,其他 slider 必须更新。

例如,如果一个 slider 的值为 40,并且我将该值提高到 50,则其他两个 slider 必须减少 5。

有人可以帮我吗?谢谢'

最佳答案

在任何情况下,高值的概率都是 50...因此将所有三个 slider 设置为 0 到 50...并将它们的类设置为 class="selector inactive"

$(".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');
});

希望这能解决您的问题

关于javascript - Jquery多个 slider 互连,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10055650/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com