jquery旋钮显示输入完成

我使用jquery旋钮以图形方式表示我的数据。jquery旋钮显示输入完成

我想只有动画后显示的输入值（在圆圈的中心），但我没有找到如何。我的意见是最初将'displayInput'设置为false，并在动画之后使用完整的函数将其设置为true。我可以看到它适用于fgColor属性，但不适用于displayInput属性。

elm.knob({ 
    'width': 60, 
    'height': 60, 
    'min': 0, 
    'max': 6, 
    'step': 0.1, 
    'readOnly': true, 
    'thickness': .5, 
    'dynamicDraw': true, 
    'displayInput': false, 
    'fgColor': dangerLevelColor, 
    'inputColor': '#7F8C8D', 
    format: function (value) { 
     return value + '/6'; 
    } 
}); 
$({value: 0}).animate({value: dangerLevel}, { 
    duration: 1500, 
    easing: 'swing', 
    progress: function() { 
     elm.val(this.value).trigger('change'); 
    }, 
    complete: function() { 
     elm.trigger(
       'configure', { 
        'displayInput': true, 
        'fgColor': 'green' 
       }); 
    } 
});

任何想法？谢谢！！

来源

2015-03-02 Emilio

我有类似的问题。似乎是某种类型的错误，但我无法追查到它。它反向工作（从displayInput：true开始，并使用configure稍后更改为false）。我做的工作是将displayInput设置为true，并使用inputColor选项通过将其设置为与背景相同的颜色来将其“隐藏”，并在需要显示时将其设置为其他可见颜色。

初始化到隐藏（在白色背景上）

$(".knob").knob({ 'inputColor': '#FFFFFF' });

显示

$(".knob").trigger('configure', { 'inputColor': '#87CEEB' });

来源

2015-05-20 21:27:41 user2175152

jquery旋钮显示输入完成

回答

相关问题