我正在尝试使用jQuery Knob作为恒温器UI。我想允许控制范围的能力(加热 - 冷却)。
我已经能够通过堆叠几个旋钮来实现这种外观,但是,这实际上禁用了点击/拖动功能。
红色光标:加热,蓝色光标:冷却,白色光标:当前温度。
// Obligatory code for Fiddle link
<input type="text" class="knob1" value="56">
答案 0 :(得分:0)
我尝试自定义jQuery旋钮的外观,但根据旋钮的当前行为,我们无法添加额外的句柄。
或者您可以使用jQuery roundSlider插件,它非常灵活,因此我们可以使用单个滑块添加多个句柄。
根据您的要求查看完整的演示:jsFiddle
输出屏幕截图: