使用jquery.removeClass后的引导问题
我在twitter引导框架和jQuery中遇到了以下问题: 我有以下表单(简化了,真正的表单是用cakephp的formhelper构建的,并且有更多的类和ID):使用jquery.removeClass后的引导问题,jquery,css,twitter-bootstrap,Jquery,Css,Twitter Bootstrap,我在twitter引导框架和jQuery中遇到了以下问题: 我有以下表单(简化了,真正的表单是用cakephp的formhelper构建的,并且有更多的类和ID): 名称 支持帮助文本 描述 支持帮助文本 在服务器端验证之后,我将.error类添加到相应的控制组中 例如,现在名称验证正常,但描述验证失败,描述控制组获取错误类并正确显示(红色,标准引导)。但是名称输入字段也是红色的。我检查了源代码,名称的控制组没有。error类。 让我困惑的是,只有输入字段显示为红色边框,正确显示相应的标签标
名称
支持帮助文本
描述
支持帮助文本
在服务器端验证之后,我将.error
类添加到相应的控制组中
例如,现在名称验证正常,但描述验证失败,描述控制组获取错误类并正确显示(红色,标准引导)。但是名称输入字段也是红色的。我检查了源代码,名称的控制组没有。error
类。
让我困惑的是,只有输入字段显示为红色边框,正确显示相应的标签标签(默认颜色)
这里有一个屏幕截图,以便更清楚地理解
在Chrome和Firefox中检查它,这样我就可以排除浏览器错误。我还在chromes developer tool thing中手动添加和删除了该类,它按预期工作。为什么呢?有人对此有解决办法吗?该
表单位于另一个div
中,其中包含。对照组-类(此处未显示)使用jQuerys搜索.control group
应用error
-类,该类一直向上搜索DOM树,并导致.error
应用于包含两个输入字段的div
移除封闭的div
s类解决了这个问题。这有点不公平,因为我可以获得完整的代码(
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" for="input01">Name</label>
<div class="controls">
<input type="text" class="input-xlarge" id="name">
<span class="help-block">Supporting help text</span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="input01">Description</label>
<div class="controls">
<input type="text" class="input-xlarge" id="description">
<span class="help-block">Supporting help text</span>
</div>
</form>