jQuery销毁模式对话框关闭

Question

我有一个jQuery模态对话框，该对话框在函数中创建如下：

function EditDialog(pk) {            
        $.ajax({
            url: "{% url 'populatereviewform' %}",
            method: 'GET',
            data: {
            pk: pk
        },
        success: function(formHtml){
            //place the populated form HTML in the modal body
            $('.modal-body').html(formHtml);
            $( "#dialog" ).modal({width: 500, height: 500});
        },
        dataType: 'html'
        });
    return false;
}

如何确保每次调用此函数时都会创建对话框的新实例？ 我想知道是否可以通过某种方式挂入close事件并确保对话框被完全销毁。 我正在尝试调试某些东西，当第二次调用此对话框时，我的某些变量似乎没有刷新，而我正在尝试深入了解它。 用于创建对话框的django模板是：

 <div id="dialog" class="modal" title="Edit" style="display:none">
        <div class="modal-dialog">
          <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Review Uploaded Image</h4>
              </div>
              <div class="modal-body">
              </div>
          </div>
        </div>
    </div>

Answer 1

您可以使用引导模式回调。

$('#dialog').on('hidden.bs.modal', function () {
  $('.modal-body').html('');
});