javascript - Jquery在点击时改变颜色 - 旋钮旋钮

Question

我在我的网站上使用 jquery 旋钮来创建一些漂亮的视觉效果。我希望使用单击事件更改颜色。我提供了我想要实现的简化的小提琴。我已经尝试了几个小时，现在不得不寻求帮助

演示http://jsfiddle.net/JW2gP/62/

HTML

<input type='text' id='dial' value='0' />

<a id="chgColor" href="#">Change color on click</a>

jQuery

$(function () {
    $('#dial').knob({
        min: '0',
        max: '25000',
        fgColor: '#f00'
    });
    $('#dial').val(10927).trigger('change');
});

$('#chgColor').click(function(e){
    e.preventDefault();
    $('#dial').knob({
        min: '0',
        max: '25000',
        fgColor: '#000'
    }); 
});

Answer 1

中提琴（在这里小提琴，终于找到了我的信誉：http: //jsfiddle.net/bhilleli/JW2gP/66/）

$(function () {
    $('#dial').knob({
       min: '0',
       max: '25000',
       fgColor: '#f00'
    });
    $('#dial').val(10927).trigger('change');
});

$('#chgColor').click(function(e){
   e.preventDefault();

   $('#dial').trigger(
     'configure',
      {
        min: '0',
        max: '25000',
        "fgColor":"#001"
    }
);
});