我有一个在Spotfire中创建的html表-每个单元格都是一个计算值-带有一个滑块,供用户调整他们感兴趣的日期。
一栏是'vs last year'-表示负值(格式设置为负号,括号内为'#,0.0%;(#,0.0%);-'作为自定义格式)。
我使用以下JavaScript将负值涂成红色:
function BlackRedText() {
var cellval = $(this).text();
if (cellval.indexOf('(') > -1) {
$(this).addClass('Red')
} else{ //if (cellval.indexOf('(') === -1) {
$(this).addClass('Black')
}
}
$(document).ajaxComplete(function() {
$('td.KPI span.EmbeddedMiniatureVisualization span').each(BlackRedText);
});
这些具有相应的样式:
.Black{color: black !important;color: black;}
.Red{color: red !important; color: red;}
然后行:
<td class =" KPI " align = right> (100) </td>
将显示为红色。问题在于,当滑块移动时间使得这些值再次为正时,它们仍保持红色。
正值从黑色开始,并随着滑块将变为红色,但是之后它们将不会恢复为黑色。
有什么想法我要去哪里吗?
-编辑:我想知道类是否正在更改(它查找KPI类),但是我也添加了行来检查Red和Black类,但这没有帮助。
-编辑2:编写的脚本似乎没有问题,只是通过Spotfire刷新了这些内容-切换了选项卡,然后再次改正了颜色问题,因此我对其进行了更改,因此滑块限制仅在应用一次后才适用按下了也可以刷新表格的按钮-有点黑,所以任何发现更好方法的人都会告诉我。