Javascript 动态增加和减少jQuery滑块值

关于jQuery滑块，我有点问题。 我在这里看了几个例子，人们似乎在问同一个问题，但给出的认可答案从来没有达到他们真正的要求。因此，我开始了我自己的线程

我试图生成一组jQuery滑块，其最大总值为1500。如果将一个滑块（sliderA）移动到700，则必须将其他滑块（B、C、D）的最大总值调整到800。如果其他滑块均未移动且为零，则这是正常的，因为此处找到的代码可以确保其余滑块不能超过800（无论是400、400、0还是500、150、150分割）。真正的问题是，如果调整每个滑块后的总值超过总的1500限制，我需要滑块动态减少

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

滑块B和C应根据滑块A处的值按比例减少，以便总总量永远不会超过1500限值

---

有什么想法吗？

这似乎很让人困惑。我试图描绘什么样的用户界面需要多个滑块之间如此复杂的关系

有没有一种方法可以简化用户界面，从而从一开始就可以避免这个问题？

这不是您正在寻找的确切（完美）解决方案，但我认为它给了您一个开始的想法，我想：

---

Hi gurung，这与我的需求非常接近，我之前已经进行过实验并达到了这一阶段。但是，在本例中，当移动一个滑块时，剩余的总数将应用于所有其他滑块，作为它们的值，而实际上它应该设置为它们的新极限。然而，最主要的并发症是它改变了规模，这是不可能发生的。不过谢谢你的贡献。嗨，贝基，我的客户特别要求这个功能。从本质上讲，这是一种折衷做法的一部分。例如，如果你有一种新的特效药，而滑块代表药物的不同特性，你必须定制一个元素包含在药物中的多少（例如扑热息痛），同时按比例减少其他元素。