使用Coffeescript更改DIV背景颜色

Question

我目前在Ruby on Rail网络应用程序上执行密码强度指示器，我很奇怪为什么即使验证状态良好或强大，我也无法更改密码指示器背景颜色仍然是红色颜色。

if (validatePassword.status ? 'weak')
    $('#validateMeter').css('background-color','red')
else if (validatePassword.status ? 'good' || 'strong')
    $('#validateMeter').css('background-color','green')

有什么解决方案吗？谢谢。

Answer 1

我不完全确定如果未定义状态会发生什么（因为您正在检查状态），但以下情况应该有效：

color = if validatePassword.status in ['good', 'strong'] then 'green' else 'red'

$('#validateMeter').css('background-color', color)

如果validatePassword.status为good或strong，则上面的代码会将颜色设置为绿色，否则会将其设置为red。

如果你想完全取消颜色，我建议你尝试一下这个：

color = switch validatePassword.status
  when 'weak'           then 'red'
  when 'good', 'strong' then 'green'
  else ''

$('#validateMeter').css('background-color', color)