Jquery Interconnected滑块

我想创建通用的jquery ui滑块,这样如果我传递任何数字,它应该返回我那些互连的滑块。

如果我滑动任何1个滑块,它应该更改其他滑块。但是,所有滑块的总和在任何时间点都必须始终为100。

我自己尝试了它,但是一旦滑块的值超过50并且你试图增加另一个滑块,那么所有滑块的总和就会大于100。

这是我的代码的链接。

有人可以帮我吗? 谢谢’

啊,你已经把我的丑陋的CSS用于你的jsfiddle。 我尝试做同样的事情,看看这个: 3 jquery ui滑块连接

我已经为客户端项目做了这个,并开源我的解决方案。 它使用noUiSlider而不是jQuery UI Sliders,但是如果你想修改它,那就不会太难了。 它还没有完全打磨,我意识到这个问题已经有一年了,但万一有人想要它:

Github: jQuery互连滑块

它支持锁(允许你设置一个值,然后不再移动它),它看起来像这样: 截图