2015-02-09 33 views
0

我想用恆溫器用戶界面的jQuery旋鈕。我想允許控制範圍(熱 - 冷)的能力。jQuery-Knob:有可能有一個範圍?

我已經能夠做到這一點看通過堆疊幾個旋鈕,然而,這基本上是禁用點擊/拖拽功能。

Fiddle

紅色光標:熱,藍色光標:酷,白色光標:當前溫度。

// Obligatory code for Fiddle link  
<input type="text" class="knob1" value="56"> 

回答

0

我試圖自定義jQuery旋鈕的外觀,但根據旋鈕的當前行爲,我們無法添加其他句柄。

或者您可以使用jQuery的roundSlider插件,這是非常靈活的使用,使我們可以使用一個滑塊添加多個句柄。

檢查您的要求精確演示:輸出的jsFiddle

截圖:

thermostat UI like appearance using jquery round slider

+1

你在開玩笑吧?這絕對是真棒。它永遠不會讓我驚歎有些人有多善良!如果可以的話,我會將其標記爲答案。謝謝,親切的陌生人! – PerfectPixel 2015-09-27 21:08:01

+0

你總是受歡迎.. :) – Soundar 2015-09-28 03:50:28

相關問題