jQuery-Knob:有可能有一个范围吗?

时间:2015-02-09 11:15:12

标签: javascript jquery-knob

我正在尝试使用jQuery Knob作为恒温器UI。我想允许控制范围的能力(加热 - 冷却)。

我已经能够通过堆叠几个旋钮来实现这种外观,但是,这实际上禁用了点击/拖动功能。

Fiddle

红色光标:加热,蓝色光标:冷却,白色光标:当前温度。

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

1 个答案:

答案 0 :(得分:0)

我尝试自定义jQuery旋钮的外观,但根据旋钮的当前行为,我们无法添加额外的句柄。

或者您可以使用jQuery roundSlider插件,它非常灵活,因此我们可以使用单个滑块添加多个句柄。

根据您的要求查看完整的演示:jsFiddle

输出屏幕截图:

thermostat UI like appearance using jquery round slider