使用查询旋钮更改旋钮的颜色
使用查询旋钮更改旋钮的颜色
提问于 2013-10-11 09:38:26
我使用旋钮jQuery来创建一个交互式旋钮，这样就可以让太阳观察到它的电网消耗了多少能量。
这是生成旋钮的代码。
$(function(){
$(".dial").knob({
'min':0,
'max':5000,
'readOnly': true,
'width': 120,
'height': 120,
'float' : 'left',
'fgColor': '#b9e672',
'dynamicDraw': true,
'thickness': 0.2,
'tickColorizeValues': true,
'skin':'tron'
})
// body...
});这是输入：
<input id='knobinput' type='text' value='75' class='dial'>我想确保如果旋钮小于1500是绿色，如果1500和3000之间黄色和红色如果高于3000。
我该怎么做？
谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-10-11 09:47:39
试试这个：
var $dial = $('.dial');
var dialColour = '#C00';
if ($dial.val() < 3000) {
dialColour = '#CC0';
}
else if ($dial.val() < 1500) {
dialColour = '#0C0';
}
$dial.knob({
'min':0,
'max':5000,
'readOnly': true,
'width': 120,
'height': 120,
'float' : 'left',
'fgColor': dialColour,
'dynamicDraw': true,
'thickness': 0.2,
'tickColorizeValues': true,
'skin':'tron'
}) 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19314920
复制相关文章
相似问题
腾讯云开发者
