Jquery Interconnected滑块

时间:2012-04-21 18:58:49

标签: javascript jquery jquery-slider

我想创建通用的jquery ui滑块,这样如果我传递任何数字,它应该返回我那些相互连接的滑块。

如果我滑动任何1个滑块,它应该更改其他滑块。但是,所有滑块的总和在任何时间点都必须始终为100。

我自己试了一下,但是一旦滑块的值超过50并且你试图增加另一个滑块,那么所有滑块的总和就会大于100。

Here是我的代码的链接。

有人能帮帮我吗?感谢

2 个答案:

答案 0 :(得分:2)

我已经为客户端项目做了这个,并开源我的解决方案。它使用noUiSlider而不是jQuery UI Sliders,但是如果你想修改它,那就不会太难了。它还没有完全打磨,我意识到这个问题已经有一年了,但万一有人想要它:

Github:jQuery Interconnected Sliders

它支持锁定(允许您设置值,然后不再移动它),它看起来像这样:screenshot

答案 1 :(得分:0)

啊哈,你已经把我丑陋的CSS用于你的jsfiddle。 我尝试做同样的事情,看看这个: 3 jquery ui slider connected