使用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