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

Question

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

要创建循环进度条，

所以这是我的代码

<input type="text" value="90" class="dial" data-width="80" data-height="90" data-readOnly=true data-fgColor="#2ecc71">

JS Knob Execute

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

尝试将（％）追加到值属性但未呈现

$('.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({
 'change': function (v) { console.log(v); },
  draw: function () {
  $(this.i).val(this.cv + '%');
  }
 });