我想创建通用的jquery ui滑块,这样如果我传递任何数字,它应该返回我那些相互连接的滑块。
如果我滑动任何1个滑块,它应该更改其他滑块。但是,所有滑块的总和在任何时间点都必须始终为100。
我自己试了一下,但是一旦滑块的值超过50并且你试图增加另一个滑块,那么所有滑块的总和就会大于100。
Here是我的代码的链接。
有人能帮帮我吗?感谢
答案 0 :(得分:2)
我已经为客户端项目做了这个,并开源我的解决方案。它使用noUiSlider而不是jQuery UI Sliders,但是如果你想修改它,那就不会太难了。它还没有完全打磨,我意识到这个问题已经有一年了,但万一有人想要它:
Github:jQuery Interconnected Sliders
它支持锁定(允许您设置值,然后不再移动它),它看起来像这样:screenshot
答案 1 :(得分:0)
啊哈,你已经把我丑陋的CSS用于你的jsfiddle。 我尝试做同样的事情,看看这个: 3 jquery ui slider connected