将百分比添加到jquery旋钮输入值

我正在使用名为Jquery Knob的jQuery插件http://anthonyterrien.com/knob/

要创建循环进度条，

所以这是我的代码

JS Knob Execute

 $(".dial").knob(); 

试图将（％）追加到value属性但它没有呈现

 $('.dial').each(function() { $(this).attr("value", $(this).attr("value") + "%"); }); 

有什么建议 ？ 谢谢 ！

Answer 1

从此插件的1.2.7版开始，有一个format挂钩，您可以使用它来更改数字的显示方式。

例如，您可以指定：

 $(".dial").knob({ 'format' : function (value) { return value + '%'; } }); 

Answer 2

试试这个对我有用……

 $(".dial").knob({ 'format' : function (value) { return value + '%'; } }); 

Answer 3

使用下面的代码它将起作用

 $(".dial").knob({ 'change': function (v) { console.log(v); }, draw: function () { $(this.i).val(this.cv + '%'); } });