Question

我正在为项目使用mdbootstrap。我有一个复选框，在该复选框上我调用ajax执行一些任务，并从php获得响应，成功表示为1，失败表示为0。因此，我在ajax调用之前显示模式以显示处理。模式显示，但ajax响应中没有关闭。

这是我的模式代码

  <div class="modal fade"  id="process" tabindex="-1" role="dialog" aria- 
 labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data- 
  keyboard="false">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <!--Content-->
        <div class="modal-content">
            <!--Body-->
            <div class="modal-body text-center mb-1">

                  <p>Please Wait</p>


            </div>
        </div>
        <!--/.Content-->
    </div>
</div>
 <script>
 status_val = 1;
 ac_no = 2;
 $('#process').modal();
  $.ajax({
      url:"reopen_account.php",
      type:"POST",
      data:{'reopen':'reopen','status_val':status_val,'ac_no':ac_no},
      success:function(output)
        {
           if (output==1) 
           {
              $('#process').modal('hide');
           }
           else{
               $('#process').modal('hide')
                alert('Error occured');
              }
        }
      }
    });
  </script>

我用过.modal（'hide'）;它对我不起作用。我要去哪里了。

Answer 1

当您打开模态后尝试立即关闭modal 时，会出现此问题，这是因为模态未完全打开且模态状态仍为{{1} }。
因此，为了避免再次发生这种情况，您可以设置超时以确保模态已完全打开！

close

模态未在ajax响应中关闭

1 个答案: