问题标签 [round-slider]

我的网站上有这个滑块。我想将滑块移动到 360 度。如何更改以下脚本来做到这一点？

滑块的图像也必须旋转 360 度。

我正在尝试使用 jquery 创建一个弯曲的滑块，如下所示：

没有成功。

谁能指出正确的方向？

感谢分配 Avi

我需要你的帮助。我正在开发一个项目，以实现一个带有可拖动按钮控制的圆形滑块。我决定使用这个 jQuery-Knob 滑块。很棒，但我需要添加可以设置样式和拖动的按钮

我决定通过 javascript 添加 div 元素，然后将原生 Jquery Knob 参数绑定到它。

这是我所做的

这是我的代码

我动态添加了一个按钮并借用了参数，这些参数必须足以制作一个非常合适的可拖动控件，但我做错了，因为如果我缩放浏览器或只是在另一个屏幕尺寸上打开它看起来像这样

所以传递给它的函数和参数有问题。

我有 2 个问题。首先，您如何更改旋钮的 CSS？我尝试向它添加一个类，但这似乎不起作用。也没有做内联样式。任何人都知道如何做到这一点（一个例子会很棒）？

其次，有谁知道如何根据窗口大小修改旋钮的大小？我似乎无法弄清楚如何让它接受百分比输入。

编辑：要更改 CSS，您必须使用 Draw 函数，因为它是使用 Canvas 完成的，无法直接将 CSS 应用到它。

这对我有用：

该代码使用鼠标事件完美运行，但当切换到触摸事件或 vmouse 事件时，它停止工作。

这是鼠标事件代码的链接 [ https://jsfiddle.net/tk2zd47e/2/ ]

我试过了vmousemove/vmouseup/vmousedown，touchstart/touchend/touchmove和e.preventDefault()。

我搜索了很多关于这个主题但找不到任何答案。我很喜欢构建一个android应用程序。我使用了来自 www.roundsliderui.com 的圆形滑块组件。虽然整个圆形滑块完全可以工作，但在圆形滑块中间的文本输入在 ionic 中不起作用。我发现 ionic 应用程序中的 ionic.bundles.js 脚本引起了问题。如果我删除这个脚本，roundslider 工作正常。

有什么建议为什么这个脚本会导致问题？

谢谢

我正在尝试以角度使用 jquery 旋钮，并且我创建了一个指令来使用它。

现在，我已经看到了很多 jquery 旋钮示例，在大多数示例中，当前值显示在表盘的中心……但在我的情况下不是！而且，我如何将数字设置为没有小数？

这是我的 html 和 angular 指令代码：

HTML

旋钮.js

这是它在浏览器上的外观：

在这里我希望它是怎样的（不是在谈论颜色，而是关于中间显示为 INT 的值）

提前谢谢了

编辑

正如建议的那样，我用roundSlider替换了jquery旋钮，但我有几个问题可以在这里找到：http://jsbin.com/doketasuju/edit?html, output

1）为什么我不想要“菱形”样式的白色背景？

2）如果我在输入中输入一些东西，它就不起作用！

这是一个关于我将如何使用它的示例，但我需要先解决这两个问题。谢谢

编辑 2

像这样添加标签的东西：

它显然应该显示滑块属性的最小值和最大值

我正在做一个需要使用这个roundSlider 插件的项目。

我试图.rs-range-color用创建时滑块的值来改变 track() 的颜色。

基本上，我想使用它，使其根据值从绿色变为黄色，再变为红色，并将类 ( temp-) 附加到rs-range-color.

我让它处理更改事件，但我无法弄清楚如何获得起始值。我在我的项目中使用它作为角度指令。

这是一个简单的例子：http: //jsbin.com/zipizofeco/edit ?html,css,output

此外，我检查了控制台，实际上我添加了大量的类，而不仅仅是我需要的类。

我正在尝试将 Knob 与 AJAX 一起使用，它正在工作，但进度条没有改变，只有实时内的数字。

你可以在这里查看：www.skincannon.com

代码是：HTML：

阿贾克斯：

我正在用 ajax 更改值，但是栏不会改变。

任何人都可以帮助我吗？如果您需要更多代码，请告诉我。

我需要这样的东西，但我想自动更改它，而不是通过点击更改按钮：http ://www.jqueryajaxphp.com/dynamically-animate-jquery-knob/

谢谢

我通过 websockets 获取旋钮值，并且能够通过 document.elementId 在 html 页面上显示该值。但是我尝试根据该值更新旋钮并且它不会发生

请帮忙。谢谢你