Question

我试图在用户点击关闭或取消时删除ajax请求的模型。我尝试了以下内容。

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

完整代码

<div id="registerModal" class="modal show" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
  <div class="modal-content">
      <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h1 class="text-center">Sign Up</h1>
      </div>
      <div class="modal-body">
        <form name="register" id="register" action="login" method="post" class="col-md-12 center-block">

          <div class="row">
            <div class="col-md-6">
              <h4 class="text-center">Business Info</h4>
              <div class="form-group">
                <input type="text" name="businessname" class="form-control input-lg login" placeholder="Business Name">
              </div>
              <div class="form-group">
                <input type="text" name="abnacn" class="form-control input-lg login" placeholder="ABN or ACN" >
              </div>
              <div class="form-group">
                <input type="phone" name="phonenumber" class="form-control input-lg login" placeholder="Main Phone Number" >
              </div>
              <div class="form-group">
                <input type="email" name="busiussemail" class="form-control input-lg login" placeholder="Main Email Address" >
              </div>
              <div class="form-group">
                <input type="checkbox" name="TOS" >
                <br>By registering and ticking this box for My Staff, you are agreeing to our TOS and Privacy Policy.
              </div>
              <!--<div class="form-group">
                <select name="buildingtype" class="form-control select-lg">
                  <option value="0">--- none ---</option>
                  <option value="1">Unit</option>
                  <option value="2">Floor</option>
                </select>
              </div>
              <div class="form-group">
                <input type="unitnumber" name="number" class="form-control input-lg login" placeholder="Unit / Floow Number">
                <input type="streetno" name="number" class="form-control input-lg login" placeholder="street number">
              </div>
              <div class="form-group">
                <input type="text" name="streetname" class="form-control input-lg login" placeholder="Street Name">
              </div>
              <div class="form-group">
                <input type="number" name="postcode" class="form-control input-lg login" onkeyup="getLocation()" placeholder="postcode">
              </div>
              <div class="form-group">
                <input type="text" name="postcode" class="form-control input-lg login" placeholder="state" readonly>
              </div>
              <div class="form-group">
                <input type="text" name="postcode" class="form-control input-lg login" placeholder="Country" readonly>
              </div>-->


            </div>
            <div class="col-md-6">
              <h4 class="text-center">User login set up</h4>
              <div class="form-group">
                <input type="text" name="emailadress" class="form-control input-lg login" placeholder="Admin staff Email Address">
              </div>
              <div class="form-group">
                <input type="password" name="password" class="form-control input-lg login" placeholder="Password">
              </div>
              <div class="form-group">
                <input type="text" name="passwordtwo" class="form-control input-lg login" placeholder="Password Repeat">
              </div>
              <div class="form-group">
                <input type="text" name="firstname" class="form-control input-lg login" placeholder="First Name">
              </div>
              <div class="form-group">
                <input type="text" name="sirname" class="form-control input-lg login" placeholder="Last Name">
              </div>
              <div class="form-group">
              </div>
              </div>


              <button typpe="submit" onclick="signupmore();" class="btn btn-success col-md-12 btn-lg btn-block">Register</button>
          </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
     </div>
  </div>
  </div>
</div>

Answer 1

您手动将“show”类添加到模态中。

如果删除它，那么在JS中打开模式就可以关闭它。

http://www.bootply.com/EMWW2UWBtr

$('#registerModal').modal('show');

<div id="registerModal" class="modal" tabindex="-1" role="dialog" aria-hidden="true">

当我点击关闭时，Bootstrap 3模态不会删除

1 个答案: