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

时间:2013-08-31 04:25:37

标签: css html5 twitter-bootstrap twitter-bootstrap-3 bootstrap-modal

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

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

2 个答案:

答案 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 在线