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

【问题标题】：Jquery change color on click - knob knobJquery在点击时改变颜色 - 旋钮旋钮
【发布时间】：2014-02-21 22:57:33
【问题描述】：

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

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

【问题讨论】：

您到底想要做什么？当我单击它时，圆圈的左侧会发生变化。还是您想要其他功能？

标签： javascript jquery jquery-knob

【解决方案1】：

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"
    }
);
});

【讨论】：