使用ESC关闭bootstrap模式

Question

我正在使用2个模态，第一个包含一个表单，第二个在表单中发生错误时显示。第二个模态仅包含带有错误消息的文本。

我的问题是，当第二个模态出现并按 Esc 时，第一个（带有表格）将关闭而不是第二个。

有没有办法在第二个模态显示时如何聚焦？

这就是它的样子，现在如果我按 Esc ，第一个会关闭，但我想先关闭第二个。

更新

一旦我点击第二个模态的某个地方，它就完美无缺。我只需要自动选择/聚焦

Answer 1

看起来这是关键字事件被绑定的问题。

您可以将“tabindex”属性添加到模式中以解决此问题：

 tabindex="-1"

所以你的完整代码应如下所示：

<a href="#my-modal" data-keyboard="true" data-toggle="modal">Open Modal</a>

<div class='modal fade hide' id='my-modal' tabindex='-1'>
<div class='modal-body'>
<div>Test</div>
</div>

有关详细信息，您可以在github上查看有关此问题的讨论： https://github.com/twitter/bootstrap/issues/4663