21

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

要创建圆形进度条,

所以这是我的代码

<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") + "%");

});

有什么建议么 ?谢谢 !

4

2 回答 2

38

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

例如,您可以指定:

$(".dial").knob({
  'format' : function (value) {
     return value + '%';
  }
});
于 2014-06-20T17:30:16.037 回答
5

使用下面的代码它会工作

$(".dial").knob({
 'change': function (v) { console.log(v); },
  draw: function () {
  $(this.i).val(this.cv + '%');
  }
 });
于 2014-11-11T13:32:01.927 回答