动态增加和减少 jQuery 滑块值答案

【问题标题】：Dynamically increase and decrease jQuery slider values动态增加和减少 jQuery 滑块值
【发布时间】：2011-12-21 21:15:49
【问题描述】：

关于 jQuery 滑块，我遇到了一些问题。我在这里查看了几个示例，其中人们似乎在问同样的问题，但给出的批准答案从未达到他们实际要求的内容。因此，我开始了自己的线程。

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

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

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

有什么想法吗？

【问题讨论】：

标签： javascript jquery sliders

【解决方案1】：

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

See it on jsfiddle.

【讨论】：

嗨 gurung，这与我需要的很接近，并且之前已经进行过实验并进入了这种阶段，但是，在此示例中，当移动一个滑块时，剩余的总数将应用于所有其他滑块作为它们的值，而实际上它应该设置为它们的新限制。然而，主要的并发症是它改变了规模，这是不可能发生的。不过感谢您的贡献。

【解决方案2】：

这似乎是一个非常令人困惑的功能。我试图描绘什么样的用户界面需要多个滑块之间如此复杂的关系。

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

【讨论】：

您好，Becky，我的客户专门要求提供此功能。从本质上讲，它是权衡练习的一部分。例如，如果您有一种新的神奇药物，并且滑块代表药物的不同特性，您必须自定义药物中包含的一种元素的量（例如扑热息痛），同时按比例减少其他元素。