我在我的网站上使用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'
});
});
答案 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"
}
);
});