jQuery addClass() 与 Bootstrap

Question

我正在使用 Bootstrap 来开发我的 php 平台。

当我尝试使用这个 JavaScript 代码段时

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

使用此 html 代码

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

什么也没发生。不应用“错误”或“成功”效果。

Answer 1

error和success类不应应用于 <input> ，但包含 <div>与类clearfix :

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