Question

所以我有这个问题，在我打开一个模态后，关闭它（通过点击'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。

过去几个小时，我的头撞在墙上后，非常感谢任何帮助。

Answer 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

所以我怀疑更新到那个版本应该为你解决它。

Answer 2

如果没有从控制台获得一些日志信息，我无法给你一个特定的答案，但是看着 bootstrap documentation ，我把快速演示放在一起。您可以查看 result 和 snippet 在线

第二次打开后，Bootstrap模态不会以'x'关闭

2 个答案: