javascript - Jquery互连 slider

标签 javascript jquery jquery-slider

我想创建通用的 jquery ui slider ,这样如果我传递任何数字,它应该返回互连 slider 的数量。

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

我自己尝试过,这是有效的,但是一旦 slider 的值超过 50,并且您尝试增加另一个 slider ,那么所有 slider 的总和就会大于 100。

Here是我的代码的链接。

有人可以帮我吗?谢谢'

最佳答案

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

Github:jQuery Interconnected Sliders

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

关于javascript - Jquery互连 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10262003/

相关文章:

javascript - 有没有一种方法可以在不使用服务器端语言的情况下使用密码保护 HTML 页面?

javascript - this 和 javascript 中的闭包(在 paper.js 中工作)

javascript - jQuery .each 函数输出之前每个循环的值

javascript - 相机 slider 的自定义 href 链接中的分页功能

javascript - JavaScript 中的堆栈操作

javascript - 如果语句双 json_encode 返回未定义值,Ajax jQuery 成功

jquery - 重新访问页面时监听器重复 - Jquery Mobile

javascript - 使用 jQuery 克隆文本区域时如何防止克隆值

javascript - JQuery slider 不工作?

javascript - JQuery slider 填充颜色