jQuery addClass() with Bootstrap

Question

나는 내 PHP 플랫폼을 개발하기 위해 부트 스트랩을 사용하고있다.

내가이 자바 스크립트를 사용하려고

는

<input class="xlarge" id="signupUsername" name="signupUsername" size="30" type="text"> 

아무런 변화가없는이 html 코드를

if(result == "OK"){ 
    // If the result is OK applies some effects 
    $("#signup" + item).removeClass("error"); 
    $("#signup" + item).addClass("success"); 
} else { 
    // Applies some effects and shows the error 
    $("#signup" + item).removeClass("success"); 
    $("#signup" + item).addClass("error"); 
} 

스 니펫. "오류"또는 "성공"효과는 적용되지 않습니다.

Answer 1

error 및 success 클래스는 <input>에 적용하지만, 클래스 clearfix와 <div>를 포함하는 안 :

<div class="clearfix error"> 
    <input id="errorInput" class="xlarge" type="text" size="30" name="errorInput"/> 
</div> 

<div class="clearfix success"> 
    <input id="successInput" class="xlarge" type="text" size="30" name="successInput"/> 
</div> 

추가/부모 div.clearfix에 클래스를 제거하고 그 다음 작동하는지 확인하려면 코드를 변경하십시오.

HTML :

<div class="clearfix"> 
    <input class="xlarge" id="signupUsername" name="signupUsername" size="30" type="text"> 
</div> 

JS는 :

var div = $("#signup" + item).parent("div.clearfix"); 
if(result == "OK"){ 
    div.removeClass("error"); 
    div.addClass("success"); 
} else { 
    div.removeClass("success"); 
    div.addClass("error"); 
}