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