仅在整数时才将文本添加到旋钮值

Question

我正在使用Jquery knob slider。

我想在显示的数字之前放置文本，只有当该值是数字时。 当范围为零时，它应该说“关闭”（并且前面没有“级别：”） 我在一个脚本中使用以下工作正常添加文本，我只是不知道如何只添加它一个整数：

<script>
$(".dial").knob({
  'format' : function (value) {
     return 'Level:' + value;
  }
});
</script>

这是html：

<div class="ring first" id="ring">
    <div class="button one">
        <input class="knob"  data-fgColor="#ff0000" data-thickness=".1" data-readOnly=true value="OFF" data-width=155 data-height=155 data-bgColor="#ff0000">
    </div>
</div>

<div class="ring second" id="ring">
    <div class="button two">
        <input class="knob" data-angleOffset=-125 data-angleArc=250 data-fgColor="#8bc540" data-thickness=".1" data-readOnly=false value="80" data-width=125 data-height=125  data-linecap="round" data-bgColor="#efefef">
    </div>
</div>

Answer 1

试试这个：您可以使用isNaN()函数来了解值是否为数字，并相应地返回标签。

$(".dial").knob({
  'format' : function (value) {
     //if not a number
     if(isNaN(value))
     {
       return "";
     }
     else
     {
       if(parseInt(value) > 0)
         return 'Level:' + value;
       else
         return "Off";
     }
  }
});