jquery - 多个 jQuery slider ,其中主 slider 由它们控制,也可以控制后者

标签 jquery jquery-ui jquery-slider

首先,我对我糟糕的英语和 jQuery 感到抱歉。

那么我想做什么?这是我的想象:

大师

------------------------------------||--------- ------------------------------------------

其他                                                       其他2

-------||-----------                                       ---------||------------

其他3                                                       其他4

-------||-----------                                       ---------||------------

主最大值 = 1200

其他最大值 = 100

其他1最大值= 400

其他2最大值= 200

其他3个最大值= 500

(所有其他总和为 1200)

移动主 slider ,所有其他 slider 值都分别增加。 移动每个“其他” slider ,主控 slider 都会增加相同的值。

你能为我推荐什么?

我读过这些,但只有一点用处:

Combined total for multiple jQuery-UI Sliders

JQuery UI Slider - Combined Max for multiple sliders that also have individual max values

希望我的观点很清楚。

有人可以帮助我吗? JSFiddle 将是最好的答案...

更新:添加了 JSFiddle: http://jsfiddle.net/trajektorijus/AS8Xk/56/

祝大家有美好的一天

塔达斯

最佳答案

你是这个意思吗?

http://jsfiddle.net/bv8g8/

当您更改所有其他 slider 时,它会更新主 slider ;当您更新主 slider 时,它也会更新所有其他 slider 。

关于jquery - 多个 jQuery slider ,其中主 slider 由它们控制,也可以控制后者,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9624571/

相关文章:

javascript - 使用 JQuery 隐藏 sibling 和 parent 的 sibling 直到给定的 id

javascript - 您将如何使用 jQuery 创建 "typing"效果?

jQueryUI 可排序允许滚动并为移动设备添加延迟

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

javascript - 如何在 Javascript/jQuery 中将元素和所有属性作为字符串获取

jquery - 如果稍后添加元素,mdl-js-textfield 将不起作用

javascript - jQuery UI Sortable 无法与 Bootstrap 模式框一起使用?

jquery-ui - jQueryui 可拖动和可排序附加自定义 html

javascript - $ ("#slider_range").slider 不是函数