我尝试开发一些应该具有在线值的图表。我发现了这个漂亮且免费的仪表板: [http://jiji262.github.io/Bootstrap_Metro_Dashboard/][1] 我使用 Web 套接字来更改图表的值,效果非常好。我使用 justgage([ http://justgage.com/][2] ) 插件。正如你所看到的,有一些具有不同颜色的正方形(磁盘空间使用情况、带宽、内存、CPU 等),我想根据值更改这些正方形的颜色。
这是 div 构造:
<div class="span2" onTablet="span4" onDesktop="span2">
<div ID="ID1" class="circleStatsItemBox green">
<div class="header">Machine 1</div>
<span class="percent"></span>
<div class="circleStat">
<div id="g1"></div>
</div>
<div id="f1" class="footer">
<span class="number">cards/hour</span>
</div>
</div>
</div>
g1 只是量规,我使用此代码来更改 div 类:(更改平方)
$('#ID1').addClass('circleStatsItemBox green').removeClass('circleStatsItemBox orange');
但是此代码更改标题和页脚颜色,与正文颜色相同。我希望页脚和页眉颜色应根据新的 div 类进行排列(例如根据我的示例中的 CircleStatsItemBox 橙色)
谢谢
最佳答案
在添加之前尝试删除:
$('#ID1').removeClass('circleStatsItemBox orange').addClass('circleStatsItemBox green');
关于javascript - 使用 jQuery 更改 div 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27104615/