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