另一个可能导致这个问题的错误，

确保你没有在页面中不止一次地包含bootstrap.js脚本!

use:

$('.modal.in').modal('hide') 

源

供你参考，如果有人遇到这种情况……我花了大约3个小时发现最好的方法如下:

$("#my-modal").modal("hide");
$("#my-modal").hide();
$('.modal-backdrop').hide();
$("body").removeClass("modal-open");

关闭模态的函数非常不直观。

试试这个

$('#something_clickable').on('click', function () {
  $("#my_modal").modal("hide");
  $("body").removeClass("modal-open");
  $('.modal-backdrop').remove();
 });

这对我来说很有效。

最近我遇到了这个问题，这里提供的解决方案都没有帮助我。或者它完全摧毁了它，所以它不能再播放。 在文档准备也没有工作，但工作的是，我包装我所有的监听器与立即调用的函数，像这样:

$(function () {
    $('#btn-show-modal').click(function () {
        $("#modal-lightbox").modal('show');
    });

    $('#btn-close-modal').click(function () {
        $("#modal-lightbox").modal('hide');
    });
});

从https://github.com/twbs/bootstrap/issues/19385

Modal的显示/隐藏方法是异步的。因此，代码如下: foo.modal(“隐藏”);bar.modal(“秀”);是无效的。你需要等待 实际完成的显示/隐藏(通过侦听 显示/隐藏事件;看到 http://getbootstrap.com/javascript/#modals-events) 再次显示或隐藏方法。

我有这个问题时，我打开相同的模式两次太快，所以一个简单的解决方法是检查它是否已经显示，然后不显示它再次:

$('#modalTitle').text(...);
$('#modalMessage').text(...);
if($('#messageModal').is(':hidden')){
    $('#messageModal').modal('show');
}