3

我认为这是 Bootstrap 本身的错误，因为即使在演示页面上我也遇到了这个问题。如果你打开模态窗口，内置的关闭按钮第一次工作，但如果你关闭模态并重新打开它，关闭（和X）按钮不会关闭模态，所以你必须点击外部框关闭它。您可以在 Bootstrap 演示页面上看到这一点：

http://getbootstrap.com/javascript/#modals

（向下滚动到“live demo”并点击“Launch demo modal”。关闭模态窗口一次，重新打开，“关闭”按钮将不再起作用，直到页面刷新。）

有没有人找到解决方案，以便每次打开模式时关闭按钮都可以工作？

4

4 回答 4

3

引导程序中的这个错误似乎是一个热门话题： https ://github.com/twbs/bootstrap/issues/9362

我将更新我的引导程序，看看是否可以...

于 2013-08-16T23:17:23.007 回答
1

如果您喜欢我不希望修改引导文件，您可以改为执行以下操作。

jQuery('[data-dismiss="modal"]').on('click', function(){
     jQuery('.modal').hide();
     jQuery('.modal-backdrop').hide();
});

在 .modal('show'); 之后添加它 称呼

于 2013-10-07T13:10:26.643 回答
1

这对我来说仍然是 Bootstrap 3 的一个问题。发生是因为我正在动态填充目标模式。认为这对任何尝试做类似事情的人都有帮助！

我不得不：

  • 向关闭按钮添加一个类
  • 使用该类作为触发器：

  • 隐藏modal;空的dynamic content;并删除.modal-backdrop

    $(document).on('click', '#modal .closeModal', function(){
   $('#modal').modal('hide'); // hide the modal 
   $('#modal-dynamic-content').empty(); // empties dynamic content
   $('.modal-backdrop').remove(); // removes all modal-backdrops
});

注意：这会清空您的模态，因此只有在触发加载到所述模态时才使用空的

于 2015-07-26T00:04:33.433 回答
0

在 bootstrap.min.js 中删除 .off('click.dismiss.modal') 对我有用。如果您使用的是 CDN，则需要下载它并相应地更改参考。

于 2013-08-24T02:11:04.843 回答