jQuery addClass（）with Bootstrap

Question

私は私のPHPプラットフォームを開発するためにブートストラップを使用しています。

私はこのJavaScriptを使用しようと何も起こりません

<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"); 
}