使用 ESC 关闭引导模式答案

【问题标题】：Closing bootstrap modal using ESC使用 ESC 关闭引导模式
【发布时间】：2013-05-23 08:04:09
【问题描述】：

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

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

有什么方法可以在第二个模态出现时聚焦它吗？

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

更新

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

【问题讨论】：

不要打开太多模式，我们不再使用 Windows 3.1。
@moonwave99 为什么不呢？

标签： javascript jquery twitter-bootstrap

【解决方案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

【讨论】：

在 Stackable 标题 jschr.github.io/bootstrap-modal987654322@ 下查看您想要的内容
它在那里工作，但对我来说仍然不起作用，这很奇怪
使用jsfiddle只需在外部资源中添加twitter-bootstrap.js的cdn
@feri U 可能在您的代码中某处禁用了键盘，例如 $('#deleteConfirm').modal({ background: 'static', keyboard: false }) .on('click ', '#delete-btn', 函数 () { });
感谢它真的很有帮助。我尝试了多种 javascript 方法，但我不知道为什么这些方法不起作用，但这个 tabindex 对我有用。