基于类使用jQuery设置文本颜色
我在做一些看起来应该很简单的事情时遇到了麻烦。如果值小于零,我只想将文本颜色设置为红色 因此,在第一个函数中,我得到值,在“成功”时,如果平衡<0,我想将颜色设置为红色。简单基于类使用jQuery设置文本颜色,jquery,css,Jquery,Css,我在做一些看起来应该很简单的事情时遇到了麻烦。如果值小于零,我只想将文本颜色设置为红色 因此,在第一个函数中,我得到值,在“成功”时,如果平衡
function getTimeBankBalance(staffid){
if(staffid == undefined){
var staffid = $('#staffid').val();
}
$.ajax({
url: 'get-timebankbalance.php',
type: 'GET',
data: {
cache: false,
staffid: staffid
},
success: function(balance) {
$('.timebankbalance').html(roundToTwo(balance) + " Hours");
if(balance < 0) $('.timebankbalance.').css('color','red');
},
error: function(){
genericPrompt("Error","Unable to calculate staff time bank balance","errormessage-inline");
},
});
}
但它似乎不起作用。所以我认为这可能是一个时间问题,这似乎是因为当我在调试器中暂停代码执行时,文本变为红色。如果没有调试器,它将保持黑色
然后我尝试将代码移动到一个单独的函数中
function setBalanceColour(balance){
if(balance < 0){
$('.timebankbalance.').css('color','red');
}
}
那也没用。这是怎么回事?为什么它不会改变颜色?就像我们在评论中讨论的那样,
$(“.timebankbalance.”)中有一个额外的句号
。
所以这一行:
if(balance < 0) $('.timebankbalance.').css('color','red');
if(balance<0)$('.timebankbalance.').css('color','red');
看起来像:
if(balance < 0) $('.timebankbalance').css('color','red');
if(balance<0)$('.timebankbalance').css('color','red');
$('.timebankbalance').html(…)
部分工作正常吗?只是快速查看一下您的代码,我注意到您在这里调用您的类时有一个额外的句点$('.timebankbalance'))
是的,工作正常。就是这样!疯狂马特,你刚刚救了我一个头痛。谢谢你的眼睛。当我们盯着某物看得太久的时候,我们看不到的东西真是太神奇了。@Vincent哈哈,这种事一直发生在我身上。很高兴你成功了!你没有缺少大括号吗?@SleekGeek我的答案中的代码是删除句点的操作代码的副本。但是在JS中,你可以做一行if
stations。
if(balance < 0) $('.timebankbalance.').css('color','red');
if(balance < 0) $('.timebankbalance').css('color','red');