ajax jqueryのCSSに関すること

Question

誰かがこのコードをすばやく見て、どこに間違っているのか教えてください。

ぼかしイベントでは、.textokクラスは正常に読み込みますが、.textbadクラスは正しく動作しません。

<style> 
    .textok { 
color:#0F0; 
background-color:#093; 
}; 
.textbad { 
color:#F00; 
background-color:#900; 
}; 
    </style> 

<script> 

$("#name").blur(function() 
{ 
$.post("logval.php?type=name",{ name:$('#name').val() } ,function(data) 
    { 
     if(data=='noname') //if no username 
     { 
     $("#usererror").fadeTo(200,0.1,function() //start fading the messagebox 
      { 
       //add message and change the class of the box and start fading 
       $("#usererror").html('Name Accepted  ').addClass("textbad").fadeTo(900,1); 
       $("#tic").attr("src","tic.gif").fadeTo(900,1); 
      }); 
     } else 
     { 
     $("#usererror").fadeTo(200,0.1,function() //start fading the messagebox 
      { 
       //add message and change the class of the box and start fading 
       $("#usererror").html('Name Accepted ').addClass("textok").fadeTo(900,1); 
       $("#tic").attr("src","tic.gif").fadeTo(900,1); 
      }); 
     } 
    }); 
}) 




    </script> 

Answer 1

あなたはCSSで括弧を閉じた後にセミコロンを入れないでください：

.textok { 
    color:#0F0; 
    background-color:#093; 
} /* No semicolon here! */ 

それは理解されているから、あなたのCSSを妨げているものをセミコロンです。