Question

我正在创建一个表单，其中错误的两个输入字段滑动完成，我希望它们具有引导错误类。 “错误”类没有“隐藏”类就可以正常工作，但是“隐藏”它被忽略了。

HTML：

 <div class="control-group hide login">
   <label class="control-label" style="color:red">Username</label>
   <div class="control-group error">
      <div class="controls">
          <input type="text" class="input-large" name="username">
      </div>
   </div>

   <label class="control-label" style="color:red">Password</label>
   <div class="control-group error">
     <div class="controls">
      <input type="password" class="input-large" name="password">
     </div>
   </div>
 </div>

jQuery的：

  $(".login").hide();
  $(".login").slideToggle("slow");

Answer 1

我通过更换我的html代码解决了这个问题，如下所示：

     <div class="control-group hide login">

        <div class="control-group warning">
          <label class="control-label" for="inputWarning">Username</label>
          <div class="controls">
            <input type="text" id="inputWarning" name="username">
          </div>
        </div>

        <div class="control-group warning">
          <label class="control-label" for="inputWarning">Password</label>
          <div class="controls">
            <input type="password" id="inputWarning" name="password">
            <span class="help-inline"></span>
          </div>
        </div>

    </div>

即使它有效并解决了我的问题，我仍然无法理解如何？欢迎任何解释！

Bootstrap：错误类不使用hide类

1 个答案: