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

前端之家收集整理的这篇文章主要介绍了添加百分比到jquery旋钮输入值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > JQuery Knob display number change
我使用jquery旋钮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();

试图将(%)附加到值属性,但没有呈现

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

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

});

有什么建议么 ?谢谢 !

解决方法

从版本1.2.7的这个插件有一个格式的钩子,你可以使用它来改变数字的显示方式。

例如,您可以指定:

$(".dial").knob({
  'format' : function (value) {
     return value + '%';
  }
});
原文链接:https://www.f2er.com/jquery/182709.html

猜你在找的jQuery相关文章