问题标签 [round-slider]

我正在使用 Roundslider jQuery 插件制作一个圆形范围滑块。一切正常，但在圆形范围输入内的值不在其第一个状态的中心。一旦您与句柄交互，值就会在圆圈内居中。这里有两种状态：

一、加载状态：

与手柄交互后：

我在 Roundslider 插件 JavaScript 文件中玩了一段时间，但找不到问题。有没有人也遇到过这个问题并且知道解决方法？

希望有人能帮忙，先谢谢了。

顺便提一句; 我猜在这种情况下发布代码无关紧要，但如果有帮助，请告诉我。

我正在构建一个基于 Nest 的恒温器 ui，所以我设计了一个带有阴影的圆圈，中间是温度，然后添加了第二个元素，一个基于http://roundsliderui.com/的圆形滑块。但是，当我使用 z-index 重叠元素时，我必须将滑块放在圆圈下方，之后不知何故无法访问滑块。

我使用 jquery roundslider 插件http://roundsliderui.com/但我无法设置浮点数。当我设置一个浮点数插件时，我不想要这个值。我该如何解决这个问题？

http://jsfiddle.net/soundar24/s5gpugjn/

我需要为我的 javaFx application.now lam 使用 javaFx slideBar 的 roundslider 但它不是 round 。我搜索了很多，但我没有找到任何东西。是否有用于 roundSlider 的库？请帮帮我。

圆形滑块示例： 在此处输入图像描述

下面是我为 roundSlider 小部件提供的 html 脚本，我试图在这个小部件中添加一些标签文本，但无法弄清楚。因为我的项目需要多个小部件，所以我必须给每个小部件一个不同的标签/名称。

在下面的附加图片中，我正在考虑添加这些标签

请，任何帮助将不胜感激。谢谢。

html脚本：

图片：

圆形滑块图像

三轮幻灯片：

在下面的代码片段中，我有一个三个 roundSlider 小部件，我试图在每个滑块下添加一个启用/禁用按钮。

拜托，我非常感谢您帮助我展示/指导我如何将这些启用/禁用按钮添加到小部件旁边，或者最好是每个滑块下的按钮。

代码：

我有一个圆形滑块小部件，我正在尝试为其值添加单位，当值 = 0-999 时，赫兹单位应该显示在值旁边，当值 = 1000-999999 时，它是 KHz ......等等向前。

这是我原来的滑块：

这是我的非工作尝试：

你能帮忙吗？

我想在图片中设置我的 roundSlider 的样式：

我已经浏览了圆形滑块https://roundsliderui.com/document.html的文档，但由于我对 CSS 的了解有限，我无法像上图那样设置它的样式。

这是我到目前为止的代码：

HTML：

CSS：

JS：

另外，我的问题是我无法将其设置为在放入 boostrap 卡时正常运行。最重要的是指出，如下所示：https ://ibb.co/26xCBrp 。

我还用上面的代码准备了一个小 jsfiddle：JSFiddle。

我找不到任何解决方案来制作圆形的多线滑块。我试图在 roundSlider https://roundsliderui.com/demos.html的帮助下 做到这一点，但无法实现。请建议我需要使用哪个滑块？

它需要看起来像这样，但每个破折号都是不同的滑块？

我正在尝试使用 librery roundSlider.js 创建一个圆形滑块，它在路径中具有多色背景。我曾尝试使用线性渐变，但结果并不好，因为当我开始使用 hadler 移动滑块时，背景颜色开始移动并且有些消失。

这是我拥有的代码：

当您运行上面的代码时，您可以看到路径的背景颜色随着我移动处理程序而移动，这就是问题所在。我希望背景保持固定。换句话说，我希望背景路径为具有 3 种或更多颜色的渐变，并且该背景覆盖 100% 的滑块。我不希望颜色移动或被移除来为其他人让路。