Jquery互连滑块[关闭]答案

【问题标题】：Jquery Interconnected slider [closed]Jquery互连滑块[关闭]
【发布时间】：2012-04-21 18:58:49
【问题描述】：

我想创建通用 jquery ui 滑块，以便如果我传递任何数字，它应该返回我那个数量的互连滑块。

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

我自己尝试过，它正在工作，但是一旦滑块的值超过 50，并且您尝试增加另一个滑块，那么所有滑块的总和就会大于 100。

Here 是我的代码链接。

谁能帮帮我？谢谢'

【问题讨论】：

【解决方案1】：

我已经为一个客户项目完成了这项工作，并开源了我的解决方案。它使用 noUiSlider 代替 jQuery UI Sliders，但如果你想修改它，也不会太难。它还没有完全完善，我意识到这个问题已经有一年了，但以防万一有人想要它：

它支持锁（允许您设置一个值，然后不再移动它），它看起来像这样：screenshot

【讨论】：

【解决方案2】：

啊，你把我丑陋的 CSS 当作你的 jsfiddle 了。我尝试做完全相同的事情，看看这个： 3 jquery ui slider connected

【讨论】：