1

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

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

4

2 回答 2

1

这是一个已知问题... https://github.com/twbs/bootstrap/issues/9362

并在此提交中修复... https://github.com/twbs/bootstrap/commit/712b89ed4ebe71e44f2a7081be7ba372d8ca3f42#js/modal.js

在上面的提交中，您可以看到 data-dismiss click 事件处理程序已添加到构造函数中，但随后在隐藏时分离 - 而不是在显示时重新附加，修复是移动“click.dismiss.modal”被移动进入表演功能。

我可以确认这个版本为我解决了这个问题。

该修复程序已进入完整的 V3.0.0 版本https://github.com/twbs/bootstrap/blob/v3.0.0/js/modal.js

因此，我怀疑更新到该版本应该可以为您解决。

于 2013-09-09T11:31:16.050 回答
0

如果没有来自控制台的一些日志信息，我无法给你一个特定的答案，但是查看引导文档，我将一个快速演示放在一起。您可以在线查看结果和代码段

于 2013-08-31T05:02:43.790 回答