如何在 jquery 旋钮内添加文本？答案

【问题标题】：How to add text inside a jquery Knob?如何在 jquery 旋钮内添加文本？
【发布时间】：2017-09-11 13:48:36
【问题描述】：

这是我在输入标签内使用data-prepend="abc" 的代码，但它不起作用。如何在百分比值上方的旋钮内添加文本？

<div class=" myknob2">
  <input type="text" value="33.33" class="dial2" data-thickness=".2" data-width="130" data-bgColor="#13430D">
  <script>
    $(function() {
      $(".dial2").knob({
        'format': function (value) {
          return value + '%';
        }
      });

      $('.dial2').trigger('configure', {
        "min": 0,
        "max": 100,
        "fgColor": "#228B22",
        "skin": "tron",
        "cursor": false,
        "inputColor": "#228B22"
      });
    });
  </script>
</div>

【问题讨论】：

你能加个Minimal, Complete, and Verifiable example吗？
drive.google.com/a/wittybrains.com/file/d/…
这是我正在设计的页面
避免链接我们需要请求访问权限的页面。如果您不想将所有代码都放在问题本身中，请复制您的页面并在 JSFiddle 或类似地址上重现该问题。
链接现在可以共享了。

标签： javascript jquery jquery-knob

【解决方案1】：

根据您的 cmets，我使用 jQuery roundSlider 插件实现了这一点。查看以下演示：

`DEMO`

希望对你有所帮助..

【讨论】：