javascript - 在打开的 Select2 下拉菜单上按退出键不应关闭 Bootstrap 模式

Question

使用 Twitter Bootstrap 3，将 Select2 下拉列表嵌入到模态中。
现在，当在这样一个打开 Select2 元素上按下转义键时，下拉列表和模态对话框都会立即关闭。

如何防止在这种情况下关闭模态？
但是，如果当前聚焦的下拉列表关闭，则可以在按 Esc 键时关闭模式。因此，在上述情况下，需要按两次退出键:第一次关闭下拉菜单，第二次关闭模式。

我准备了一个 jsfiddle 来轻松重现该行为 http://jsfiddle.net/a82RX/ .
(我使用了与 bootstrap 文档中相同的模式和一个非常简单的 select2 下拉菜单。)

我已经尝试通过监听来干扰和取消模态的关闭

  select2-close

事件，没有成功。

Answer 1

使用

  $('#myModal').modal({keyboard:false});

引用http://getbootstrap.com/javascript/#modals-usage

完整的解决方案:

HTML

<button class="btn btn-primary btn-lg" id="modalLaunch">Launch demo modal</button>

脚本:

$(function() {
    $("#e1").select2();
    $("#modalLaunch").click(function() {
        $('#myModal').modal({
            show:true,
            keyboard:false,
            backdrop:'static'
        });
    });
});