圆形jqueryui滑块

圆形jqueryui滑块,jquery,slider,range,jquery-knob,Jquery,Slider,Range,Jquery Knob,我在找类似的东西 但我的主要问题是滑块的圆形设计。我见过,但它没有范围和控制按钮 如果你知道这样的例子,给我一个链接。谢谢。在上查看此示例,它有一个圆圈和一个可拖动的句柄,从页面源代码看,它并不太复杂。从这里查看jQuery roundSlider插件。这正是你想要的 此roundslider具有类似于jQueryUI滑块的选项。它支持默认、最小范围和范围滑块类型。不仅圆形滑块,它还支持各种形状,如四分之一、半圆形和饼状圆形 有关更多详细信息,请查看和页面 请从中查看演示 现场演示: $(“#

我在找类似的东西

但我的主要问题是滑块的圆形设计。我见过,但它没有范围和控制按钮


如果你知道这样的例子,给我一个链接。谢谢。

在上查看此示例,它有一个圆圈和一个可拖动的句柄,从页面源代码看,它并不太复杂。

从这里查看jQuery roundSlider插件。这正是你想要的

此roundslider具有类似于jQueryUI滑块的选项。它支持默认、最小范围和范围滑块类型。不仅圆形滑块,它还支持各种形状,如四分之一、半圆形和饼状圆形

有关更多详细信息,请查看和页面

请从中查看演示

现场演示:

$(“#滑块”).roundSlider({
幻灯片类型:“范围”,
值:“20,80”
});
#滑块{
保证金:10px自动0;
}


您可以使用2个旋钮控件完成工作!一个用于最小范围,另一个用于最大范围,只是您必须以某种方式管理它们不会相互交叉。还要看看这是否有帮助:始终欢迎指向潜在解决方案的链接,但请在链接周围添加上下文,以便您的其他用户了解它是什么以及为什么存在。始终引用重要链接中最相关的部分,以防无法访问目标站点或永久脱机。