jquery - jqueryノブの入力値にパーセンテージを追加する

Question

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

});

助言がありますか ？ありがとう ！

Answer 1

このプラグインのバージョン 1.2.7formatでは、数値の表示方法を変更するために使用できるフックがあります。

たとえば、次のように指定できます。

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