2012-04-21 79 views
0

我想要創建通用的jQuery UI滑塊,以便如果我通過任何數字,它應該返回我的互連滑塊數量。jquery互連滑塊

如果我滑動任何1滑塊,它應該改變他人。但是,在任何時間點,所有滑塊的總和必須始終爲100。

我沒有嘗試過自己這是工作,但只要滑塊的價值遠遠超過50個,並試圖增加另一個滑板,那麼所有的滑塊的總和爲大於100

Here是我的代碼的鏈接。

任何人都可以幫助我嗎?謝謝'

回答

0

ahah你已經把我醜陋的CSS爲你的jsfiddle。 我嘗試做同樣的事情,看看這個: 3 jquery ui slider connected

+0

yeee pol ....只是css ...:P – Michael 2012-04-23 03:54:14

2

我已經爲客戶端項目做了這個,並開源我的解決方案。它使用noUiSlider而不是jQuery UI滑塊,但是如果你想修改它,這不會太困難。這不是一個完全擦亮了但我意識到這個問題是一歲,但以防萬一有人想它:

Github上:jQuery Interconnected Sliders

它支持鎖(它允許你設定一個值,然後不動它看起來像這樣:screenshot

+1

您的互連滑塊插件看起來不錯,但由於沒有文檔,所有我能夠做的是一個一堆滑塊,沒有真正與一個單一的(無用的)鎖定複選框互相連接...你可以提供一些例子嗎? – 2013-09-09 12:02:14