问题标签 [jquery-knob]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
4626 浏览

jquery - 如何使用 Jquery Knob 显示单位

我正在使用 Jquery 旋钮(http://anthonyterrien.com/knob/),它工作得很好,但我不想在中间显示一个无量纲的数字,我想用它来显示单位 ei % 或 F 等......如何我可以这样做吗?

0 投票
1 回答
3059 浏览

javascript - 使用查询旋钮更改旋钮的颜色

我正在使用旋钮 jQuery 创建一个交互式旋钮,让 sunstantial 查看其电网消耗了多少能量

这是生成旋钮的代码

这是输入:

我想确保如果旋钮小于 1500 为绿色,如果在 1500 和 3000 之间为黄色,如果高于 3000 则为红色。

我怎样才能做到这一点?

谢谢

0 投票
1 回答
714 浏览

javascript - 如何在画布内标记旋钮

我想知道如何在旋钮.js 插件中提供的值字段中包含文本。

https://github.com/aterrien/jQuery-Knob

我没有遇到可以在值中包含文本字段的参数。如果有解决方法,请帮助我。

0 投票
1 回答
1225 浏览

javascript - jQuery Knob - 按需返回多个旋钮的值?

[jsFiddle][1]

我需要使用 jQuery 按需访问正确的(显示的)[knob][2] 值。我知道这个'change'功能,但我需要一次访问多个旋钮的值。

我需要将每个旋钮的值乘以特定的数量,然后将结果相加;有没有办法让'change'函数提供旋钮id或其他识别属性,以便我的脚本可以区分它们的值?

这个计算功能是我到目前为止所拥有的,我已经让它在每个旋钮上触发,'change'并在单击按钮时触发:

用这个来设置旋钮:

.val()不起作用,因为它似乎落后了;第一次运行时,它不会更新结果和连续的次数,但会将其更改为之前的值。

有任何想法吗?

编辑:如果我可以得到id值改变的旋钮,我可以执行以下操作:

然后它可以在knobs重新计算时读取对象。[1]: http: //jsfiddle.net/SoullessWaffle/2mt2U/ [2]:http ://anthonyterrien.com/knob/

0 投票
1 回答
1189 浏览

javascript - jQuery 旋钮悬停动画

我想为悬停时填充的旋钮圈设置动画。我是 Knob 的新手,所以我不知道我的错误在哪里,或者我是否有正确的方向。现在它甚至没有显示一个圆圈:(

基本上我只想在悬停时填充图标周围有一个圆圈。也许我可以更容易地做到这一点?

这是它的解决方案加上一个小修复,我将在正确的值处开始和停止,因此您可以在不破坏动画的情况下中断动画

的HTML:

Javascript:

这是JSFiddle

0 投票
1 回答
1103 浏览

jquery - jquery knob animate on load section

I'm using jquery.knob plugin in a website is very easy to implement. I animate it and everything is ok, but i would like animate effect start when I scroll to specific section of the web: for example when I scroll to #about section.

Anybody Knows if is that posible?

thanks in advance

0 投票
1 回答
1597 浏览

jquery - JQuery Knob plugin - animate the values rising on read only knobs? - Canvas

Here's a JSFiddle of the JQ Knob plugin which allows us to create dynamic stat wheels ("knobs")

The knob inputs are pretty basic:

And they look great:

enter image description here

JSFiddle (full 694 line source):

http://jsfiddle.net/zfbud/

I've been trying to fix this plugin so that the knobs fill dynamically when populated via js:

It seems like making that trigger add the value in an animated way rather than just snapping it should be a simple fix, but I keep breaking it, being pretty new to javascript.

Can anyone tweak this (or already know of a fix) that makes this simple plugin animate it's change for read only knobs?

0 投票
1 回答
84 浏览

jquery - 低分辨率下的 jQuery 旋钮

我正在尝试在移动网络应用程序中使用jQuery Knob ,因此屏幕分辨率为 320x480(您可以使用http://www.resizemybrowser.com/进行测试)。但是,在此分辨率下,内部文本无法正确显示,根本没有显示。我试过弄乱所有选项和来源,但没有成功。有什么建议么?

0 投票
1 回答
9252 浏览

javascript - jQuery Knob 使用动画更新值

我正在尝试使用 jQuery Knob 构建时钟。我的时钟正在工作(http://jsfiddle.net/Misiu/9Whck/1/),但现在我正在尝试添加一些额外的东西。
一开始我想将所有旋钮设置为 0,然后使用animate我想将它们的值设置为当前时间,然后开始正常的计时器更新。

我的代码看起来像这样(这里的演示:http: //jsfiddle.net/Misiu/cvQED/81/):

when我必须分别为每个旋钮调用动画,但我想data-targetValue在何时使用并且只有一个动画。

这可以做到吗?

0 投票
3 回答
1685 浏览

jquery - 旋钮 - 使文本适合圆圈内

我正在尝试将文本放入圆圈内,特别是我正在尝试添加一些标签,例如小时、分钟、..
但是我无法将文本放入圆圈内;此时我在绘图函数中使用它:

我也在寻找一种更优雅的方式来实现这一点。
JSfiddle:http: //jsfiddle.net/c963c/