动态增加和减少jQuery滑块值

Question

关于jQuery滑块，我遇到了一些问题。 我在这里看了几个例子，人们似乎在问同样的问题，但批准的答案从来没有实现他们实际要求的。因此，我开始了自己的主题。

我正在尝试生成一组最大总值为1500的jQuery滑块。如果一个滑块（sliderA）移动到700，则其他滑块（B，C，D）的最大总值必须为调整到800.如果没有其他滑块已被移动并且为零，因为此处找到的代码jsFiddle可以确保其余滑块不能超过800（无论是否为800） 400,400,0或500,150,150分裂）。真正的问题是，如果调整每个滑块后的总值超过1500的整体限制，我需要动态减少滑块。

例如： 我将滑块A移动到900。 滑块B设置为500开始。 滑块C设置为300开始。 滑块D未设置。

滑块B和C应根据滑块A的值按比例减小，以使总体总数不会超过1500限制。

有什么想法吗？

Answer 1

这不是您正在寻找的确切（完美）解决方案，但我认为这有点让您开始我的想法：

See it on jsfiddle.

Answer 2

这看起来很混乱。我试图想象什么样的用户界面需要多个滑块之间的这种复杂的关系。

有没有办法简化可能首先避免此问题的用户界面？