2012-04-22 121 views
0

我尝试连接3个jQuery UI滑块。3 jquery ui滑块连接

3个值的总和必须始终保持在100,所以当一个滑块移动时,其他两个必须移动。

我做的东西,它的工作原理,但它是非常缓慢:http://jsfiddle.net/vBsTR/2/

如果你只需要连接一个滑块,它工作正常(试运行的第一个):http://jsfiddle.net/tyjJx/2/

谁能帮助吗? 谢谢!

+2

这是很慢?有无限的递归,所以它甚至不运行; – Esailija 2012-04-22 18:51:43

+0

在发布之前把'PANIC'按钮放到你的小提琴的地方;) – 2012-04-22 18:52:38

+0

我更新了第二个链接,它工作正常.. 这是什么PANIC按钮? – pol 2012-04-22 18:59:06

回答

0

可以将您的刷新功能前检查event.originalEvent

event.originalEvent && (event.originalEvent.type == 'mousemove' || event.originalEvent.type == 'mouseup') && refreshSliders(1); 

使用event.originalEvent检测值是否通过鼠标,键盘,或以编程方式改变。

这就是你们的榜样in action

+0

谢谢!现在我明白了为什么它不起作用。现在一切正常,但我可以看到更多的问题,如果您单击滑块的背景来更改值,有时总数会大于100 .. http:// jsfiddle。净/ tyjJx/7 / – pol 2012-04-22 22:32:28