3

关于 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 的限制。

有任何想法吗?

4

2 回答 2

1

这不是您正在寻找的确切(完美)解决方案,但我认为它为您提供了一个开始的想法,我猜:

在 jsfiddle 上看到它。

于 2011-12-21T21:54:27.753 回答
0

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

有没有办法简化用户界面,可能首先避免这个问题?

于 2011-12-21T21:26:57.930 回答