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

时间:2014-02-21 22:57:33

标签: javascript jquery jquery-knob

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

DEMO 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'
    }); 
});

1 个答案:

答案 0 :(得分:6)

VIOLA(这里是小提琴,终于找到了我的信条: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"
    }
);
});