所以我有这个问题,在我打开一个模态后,关闭它(通过点击'x'或背景叠加)。第二次打开模态时,它只会通过单击背景叠加来关闭,单击“x”关闭不起作用。
以下是我的模态代码:
<div class="modal fade in" id="whatModal" aria-hidden="true">
<div class="modal-content col-md-offset-4 col-md-4">
<div class="modal-header">
<div class="close glyphicon glyphicon-remove" data-dismiss="modal" data-target="#whatModal"></div>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum feugiat dui ipsum, in laoreet eros porttitor non.</p>
</div>
</div>
</div>
哦,顺便说一句,我正在使用Bootstrap 3。
过去几个小时,我的头撞在墙上后,非常感谢任何帮助。
答案 0 :(得分:1)
这是一个已知问题...... https://github.com/twbs/bootstrap/issues/9362
并在此提交中得到修复... https://github.com/twbs/bootstrap/commit/712b89ed4ebe71e44f2a7081be7ba372d8ca3f42#js/modal.js
在上面的提交中,您可以看到data-dismiss click事件处理程序已添加到构造函数中,但随后在hide上分离 - 而不是在show上重新缓存,修复程序是移动'click.dismiss.modal '被移入了节目功能。
我可以确认这个版本为我解决了这个问题。
该修补程序已进入完整的V3.0.0版本https://github.com/twbs/bootstrap/blob/v3.0.0/js/modal.js
所以我怀疑更新到那个版本应该为你解决它。
答案 1 :(得分:0)
如果没有从控制台获得一些日志信息,我无法给你一个特定的答案,但是看着 bootstrap documentation ,我把快速演示放在一起。您可以查看 result 和 snippet 在线