动态增加和减少jQuery滑动条值

Dynamically increase and decrease jQuery slider values

本文关键字：jQuery 增加 动态      更新时间：2023-09-26

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

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

例如

:我把滑块A移到900。滑块B设置为500开始。滑块C一开始设置为300。滑块D未设置。

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

任何想法?

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

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

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

相关文章：