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

Question

这个问题已经有答案了:

JQuery Knob display number change (3 个回答)

已关闭 8 年前。

我正在使用名为 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旋钮执行

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

尝试将 ( % ) 附加到 value 属性，但未呈现

$('.dial').each(function() {

  $(this).attr("value", $(this).attr("value") + "%");

});

有什么建议吗？谢谢!

Answer 1

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

例如，您可以指定:

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