NaN Jquery 旋钮

Question

我正在尝试删除 jquery 旋钮上显示的 NaN。我尝试了一些方法，例如设置超时和调整倒数计时器。如何修复我的旋钮，使其在首次调用时不再显示 NaN？

示例http://codepen.io/missile20706/pen/jAaYjx

$.fn.timer = function( userdefinedoptions ){ 
    var $this = $(this), opt, count = 0; 


    opt = $.extend( { 
        // Config 
        'timer' : 30, // 300 second default
        'width' : 100 ,
        'height' : 100 ,
        'fgColor' : "blue" ,
        'bgColor' : "white" 
        }, userdefinedoptions 
    ); 


    $this.knob({ 
        'min':0, 
        'max': opt.timer, 
        'readOnly': true, 
        'width': opt.width, 
        'height': opt.height, 
        'fgColor': opt.fgColor, 
        'bgColor': opt.bgColor,                 
        'displayInput' : true, 
        'dynamicDraw': false, 
        'ticks': 0, 
        'thickness': 0.3 
    }); 


    setInterval(function(){ 
        newVal = ++count; 
        $this.val(newVal).trigger('change'); 
    }, 1000); 
};

$('.example').timer();

Answer 1

只需将输入的初始值设置为“0”即可

<input class="example" value="0">

Answer 2

未设置输入的初始值导致此问题。您可以在 html 中添加一个 value 属性（如发布的答案所建议的那样），或者更改您的 js 函数来设置它。喜欢

$.fn.timer = function( userdefinedoptions ){ 
    var $this = $(this), opt, count = 0; 
    $(this).val(0);
    opt = $.extend( { ...

NaN Jquery 旋钮

NaN Jquery knob

javascript

jquery

nan

jquery-knob