使用ESC关闭bootstrap模式

Question

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

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

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

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

UPDATE

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

Answer 1

看起来这是如何绑定keyup事件的问题。

您可以将“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