Php JQuery旋钮显示数字更改_Php_Javascript_Jquery_Jquery Plugins

Php JQuery旋钮显示数字更改

php javascript jquery jquery-plugins

Php JQuery旋钮显示数字更改,php,javascript,jquery,jquery-plugins,Php,Javascript,Jquery,Jquery Plugins,我用它来制作一些很酷的图表，它工作得很好。但我有一个问题：我想让图形之间的显示编号连接一个“%”符号。但我似乎无法让它工作。通过jquery修改输入无法做到这一点，我曾尝试阅读库的代码，但没有成功。以前有其他人遇到过这个问题吗？如果您快速查看一下github repo，就会发现每次绘制画布时都有一个称为draw hook的draw hook。如果您实现了这个钩子，您应该能够向输入添加任何您想要的内容。下面是一个简短的示例，介绍了您正在寻找的功能（尝试：），以供将来参考： <!DOCTYPE

我用它来制作一些很酷的图表，它工作得很好。但我有一个问题：我想让图形之间的显示编号连接一个“%”符号。但我似乎无法让它工作。通过jquery修改输入无法做到这一点，我曾尝试阅读库的代码，但没有成功。以前有其他人遇到过这个问题吗？

如果您快速查看一下github repo，就会发现每次绘制画布时都有一个称为draw hook的draw hook。如果您实现了这个钩子，您应该能够向输入添加任何您想要的内容。下面是一个简短的示例，介绍了您正在寻找的功能（尝试：），以供将来参考：

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="https://raw.github.com/aterrien/jQuery-Knob/master/js/jquery.knob.js"></script>
<script>
$(function() {
    $(".dial").knob({
      'draw' : function () { 
        $(this.i).val(this.cv + '%')
      }
    })
})
</script>
</head>
<body>
<input type="text" class="dial" data-min="0" data-max="100">
</body>
</html>


$（函数（）{
$（“.dial”）.旋钮({
“draw”：函数（）{
$（this.i）.val（this.cv+'%'））
}
})
})

我也通过动画实现了这一点：

我的解决方案通过在每次值增加时添加百分比来实现这一点：

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

           var $this = $(this);
           var myVal = $this.attr("value");

           $this.knob({
           });

           $({
               value: 0 
           }).animate({

               value: myVal
           }, {
               duration: 1600,
               easing: 'swing',
               step: function () {
                   $this.val(Math.ceil(this.value)).trigger('change');
                     $('.dial_overall').val($('.dial_overall').val() + '%');
               }

           })   
       });

    });

从版本1.2.7开始，现在有一个

格式

钩子用于执行以下任务：

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

你能展示一下你试过的吗？任何试图帮助您的人都会从中受益。在创建图形后，使用JQuery更改我用于图形的输入值，在末尾添加“%”，但这并没有做到。尝试使用firebug手动更改值进行测试，但也没有成功。我打开了旋钮的源代码，但是他们使用了很多html5，我缺乏知识，试图在一些值中添加“%”，但没有成功。。。