有时

$('#myModal').modal('hide');
$('#myModal').hide();

没有得到的工作，所以你需要添加这个到你的模式的页脚:

<button type="button" id="close_cred_modal" class="btn btn-secondary" data-dismiss="modal">Close</button>

然后加上这一行来关闭模态

$('#close_cred_modal').click();

$('.modal-backdrop').hide(); // for black background
$('body').removeClass('modal-open'); // For scroll run
$('#modal').modal('hide'); 

在浏览器窗口中打开模式后，使用浏览器的控制台进行尝试

$('#myModal').modal('hide');

如果它工作(并且模式关闭)，那么你知道你关闭的Javascript没有正确地从服务器发送到浏览器。

如果它不起作用，那么你需要进一步调查客户端发生了什么。例如，确保没有两个元素具有相同的id。例如，它的工作后，第一次页面加载，但不是第二次?

浏览器控制台:firefox的firebug, Chrome或Safari的调试控制台等。

我遇到了同样的错误，这行代码真的帮助了我。

$("[data-dismiss=modal]").trigger({ type: "click" });

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

我的解决方案是基于@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;
    }
});

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

就连我也有同样的问题。这对我帮助很大

$("[data-dismiss=modal]").trigger({ type: "click" });