向jquery旋钮输入值添加百分比

我正在使用名为jQuery旋钮的jQuery插件

要创建圆形进度条

这是我的密码

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

尝试将（%）附加到值属性，但未呈现该属性

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

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

});

---

有什么建议吗？谢谢

从该插件的1.2.7版开始，您可以使用一个

格式

挂钩来更改数字的显示方式

例如，您可以指定：

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

---

使用下面的代码，它将工作

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

---

看起来在值中使用一个百分比会破坏整个插件。您可能可以将displayInput设置为false，然后在页面中添加一个元素，以显示您自己的数字和百分比，您可以使用插件更改事件来更新该数字。如果你发了一把小提琴，如果你有麻烦，我可能会帮你。如果你使用ASCII等价物呢%@Rooster是的，这个值属性必须由一个numer来定义，插件才能工作，我会试试你的建议，我会用一个fiddle@gtr1971正如我对Rooster所说的，value属性必须是插件的一个数字work@Rooster谢谢在我的进程div中创建了一个跨度，隐藏了旋钮值并对其进行了样式化，现在它工作得很好！应标记为答案

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