2015-02-09 68 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