Round Jquery UI滑块

Question

我正在寻找与jqueryui slide类似的东西。

但在我的情况下，主要问题是滑块的圆形设计。我见过Knob control但它没有范围和控制按钮。

如果您知道这样的例子，请给我一个链接。感谢。

Answer 1

从这里a table检查jQuery roundSlider插件。这正是你想要的。

这个滑翔机有类似jQuery ui滑块的选项。它支持默认，最小范围和范围滑块类型。它不仅支持圆形滑块，还支持各种the PostgreSQL docs，例如四分之一，一半和饼形圆形。

有关详细信息，请查看http://roundsliderui.com/和circle shapes页。

请从demos查看演示。

现场演示：

$("#slider").roundSlider({
    sliderType: "range",
    value: "20,80"
});

#slider{
  margin: 10px auto 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.roundslider/1.0/roundslider.min.js"></script>
<link href="https://cdn.jsdelivr.net/jquery.roundslider/1.0/roundslider.min.css" rel="stylesheet"/>

<div id="slider"></div>

有不同主题的屏幕截图：

从documentation查看有关不同主题的更多详情。

Answer 2

在interface.eyecon.ro查看此示例，它有一个圆圈和一个可拖动的句柄，并且通过查看页面来源，它并不太复杂。