我知道这是一个老问题，但我发现这些都不是我真正想要的。这似乎是由于试图关闭模式之前，它完成显示。

我的解决方案是基于@schoonie23的答案，但我必须改变一些东西。

首先，我在脚本的顶部声明了一个全局变量:

<script>
    var closeModal = false;
    ...Other Code...

然后在我的模态代码中:

$('#myModal').on('show.bs.modal', function (event) {
    ...Some Code...
    if (someReasonToHideModal) {
        closeModal = true;
        return;
    }
    ...Other Code...

然后这个:(注意名称'show .bs. ')Modal '表示模式已经完全显示，而不是show事件被调用时触发的'show'。(我最初只是试着“显示”，但没有用。)

$('#myModal').on('shown.bs.modal', function (event) {
    if (closeEditModal) {
        $('#myModal').modal('hide');
        closeModal = false;
    }
});

希望有一天这能帮别人省下额外的研究。在我想到这个之前，我花了一点时间寻找解决方案。

我也遇到过类似的问题。$ (' # myModal ') .modal(隐藏的);很可能运行该函数并命中该行

if (!this.isShown || e.isDefaultPrevented()) return

问题是，即使显示了模态，且该值应该为真，isshows值也可能是未定义的。我对引导代码进行了如下修改

if (!(typeof this.isShown == 'undefined') && (!this.isShown || e.isDefaultPrevented())) return

这似乎在很大程度上解决了问题。如果背景仍然存在，你可以在$('.modal- background ').remove();;后添加一个调用来手动删除它。一点也不理想，但确实有用。

(参考Bootstrap 3)，隐藏模式使用:$('#modal').modal('hide')。但背景的原因(对我来说)是因为我在“隐藏”完成之前破坏了模态的DOM。

为了解决这个问题，我将隐藏事件与DOM移除连接起来。在我的例子中:this.render()

var $modal = $('#modal');

//when hidden
$modal.on('hidden.bs.modal', function(e) { 
  return this.render(); //DOM destroyer
});

$modal.modal('hide'); //start hiding

我使用了这个简单的代码:

$("#MyModal .close").click();

我们发现，在对服务器代码的调用和返回成功回调之间只有轻微的延迟。如果我们将对服务器的调用包装在$("#myModal").on('hidden.bs. 'modal'，函数(e)处理程序，然后调用$("#myModal").modal("hide");方法，浏览器将隐藏模式，然后调用服务器端代码。

同样，不是优雅，而是实用。

 function myFunc(){
        $("#myModal").on('hidden.bs.modal', function (e) {
            // Invoke your server side code here.
        });
        $("#myModal").modal("hide");
 };

如您所见，当myFunc被调用时，它将隐藏模式，然后调用服务器端代码。

$('#modal').modal('hide'); 
//hide the modal

$('body').removeClass('modal-open'); 
//modal-open class is added on body so it has to be removed

$('.modal-backdrop').remove();
//need to remove div with modal-backdrop class