模态未在 ajax 响应中关闭

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');它不适合 me.Where 我错了。

Answer 1

当您尝试在打开模态后立即modal关闭时出现此问题，这是因为模态未完全打开且模态状态为仍然 close.
所以，为了避免类似的事情再次发生，你可以设置超时时间来确保你的模态已经完全打开了！

$('#process').modal();
        $(document).ready(function () {
            $.ajax({
                url: "reopen_account.php",
                type: "POST",
                data: {'reopen': 'reopen', 'status_val': status_val, 'ac_no': ac_no},
                success: function (output) {
                    if (output != 1)
                        alert('Error occured');

                    setTimeout(function () {
                        $('#process').modal('hide');
                    }, 1000);
                },
            });
        });

模态未在 ajax 响应中关闭

Modal not Closing in ajax response

php

ajax

jquery

mdbootstrap