JQuery不能在自舉遠程模式下工作Modal

Question

bootstrap 3.Modal在遠程模式下工作。使用jQuery使用輸入浮動標籤不遠程莫代爾

的index.html

<div class="loginButton col-md-auto col-lg-auto hidden-sm hidden-xs" type="button" data-toggle="modal" data-target="#login"></div> 

    <div class="modal fade bs-example-modal-lg" id="login" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-remote="login.html" aria-hidden="true"> 
      <div class="modal-xxlg" role="document"> 
       <div class="modal-content loginContainer"> 
       </div> 
      </div> 
     </div> 

的login.html

<div class="modal-header"> 
    <div class="row"> 
     <h4 class="modal-title " id="myModalLabel">User Login</h4> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    </div> 
</div> 
<div class="modal-body"> 
    <section class="login-container row"> 
     <div class="login col-sm-12 col-md-12 col-lg-6"> 
      <div class="boxed"> 
       <div class="tab-content"> 
        <div role="tabpanel" class="tab-pane active" id="agent"> 
         <form role="form"> 
          <div class="form-group float-label-control col-sm-4 "> 
           <label for="">Maximum Count</label> 
           <input type="text" class="form-control" placeholder="Maximum Count"> 
          </div> 
         </form> 
        </div> 
        <div role="tabpane2" class="tab-pane" id="customer"> 
              <p>weterter</p> 
        </div> 
       </div> 
      </div> 
     </div> 
    </section> 
</div> 
<div class="modal-footer"> 
</div> 

使用工作浮動標籤裁判link

Answer 1

你缺少兩件事情。您的輸入必須有empty類和你label必須input後：

<div class="modal-header"> 
 
    <div class="row"> 
 
     <h4 class="modal-title " id="myModalLabel">User Login</h4> 
 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
 
    </div> 
 
</div> 
 
<div class="modal-body"> 
 
    <section class="login-container row"> 
 
     <div class="login col-sm-12 col-md-12 col-lg-6"> 
 
      <div class="boxed"> 
 
       <div class="tab-content"> 
 
        <div role="tabpanel" class="tab-pane active" id="agent"> 
 
         <form role="form"> 
 
          <div class="form-group float-label-control col-sm-4 "> 
 
           <input type="text" class="form-control empty" placeholder="Maximum Count"> 
 
           <label for="">Maximum Count</label> 
 
          </div> 
 
         </form> 
 
        </div> 
 
        <div role="tabpane2" class="tab-pane" id="customer"> 
 
              <p>weterter</p> 
 
        </div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </section> 
 
</div> 
 
<div class="modal-footer"> 
 
</div>