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

Question

这是我的代码，我在输入标记中使用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>

Answer 1

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

DEMO

希望这可以帮助你..