JQuery Knob显示数字更改

Guj*_*Mil 6 javascript php jquery jquery-plugins

我正在使用JQuery Knob制作一些很酷的图表,它运行得很好.但我有一个问题:我想让图表之间的显示数字连接起来'%'.但我似乎无法使它成功.通过jquery修改输入不会这样做,我已经尝试读入库的代码,但没有运气.以前有没有其他人有这个问题?

Eri*_*rik 30

如果你快速浏览一下github repo,你会看到每次绘制画布时都会调用一个绘制钩子.如果你实现了这个钩子,你应该能够在输入中添加你想要的任何东西.以下是您正在寻找的功能的简短示例(尝试它:http://jsfiddle.net/eAQA2/)以供将来参考:

<!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>?
Run Code Online (Sandbox Code Playgroud)


小智 5

从版本1.2.7开始,现在有一个format用于执行这样的任务的钩子:

$(".dial").knob({
  'format' : function (value) {
     return value + '%';
  }
});
Run Code Online (Sandbox Code Playgroud)