sizes - jquery-slimscroll

Adición de porcentajes al valor de entrada del mando jquery

Question

Esta pregunta ya tiene una respuesta aquí:

• JQuery Knob muestra el número cambia 3 respuestas

Estoy usando el plugin jQuery llamado Jquery Knob http://anthonyterrien.com/knob/

Para crear barra de progreso circular,

Así que aquí está mi código

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

JS Knob Execute

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

Se intentó agregar (%) al atributo de valor pero no se procesó

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

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

});

Alguna sugerencia ? Gracias !

Answer 1

A partir de la versión 1.2.7 de este complemento, hay un gancho de format que puede utilizar para cambiar la forma en que se muestra el número.

Por ejemplo puedes especificar:

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

Answer 2

Intenta esto su trabajo para mí ...

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

Answer 3

Usa el código de abajo funcionará

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