jQuery-旋钮:是否可以有范围?

jQuery-Knob: is it possible to have a range?

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

我已经能够通过堆叠多个旋钮来实现这种外观,但是,这实际上禁用了 clicking/dragging 功能。

Fiddle

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

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

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

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

根据您的要求检查确切的演示:jsFiddle

输出截图: