Question

我有多个模态但键盘：false属性在某些情况下不起作用：

第一个事件打开类型模型：

$('.charts').click(function () {
    $('#ModalVTypes').modal({ backdrop: 'static', keyboard: false, show: true });
});

第二个事件打开Matrics或Chart模态并隐藏类型模型：

$('.glist a').click(function () {
    $('.modal').modal('hide');
    if (Type == 1) {
        $('#ModalMatrics').modal({ backdrop: 'static', keyboard: false, show: true });
    } else {
        $('#ModalChart').modal({ backdrop: 'static', keyboard: false, show: true });

    }
});

如果我使用单一模式，它的工作正常。感谢

Answer 1

尝试提供HTML div模式元素，如下所示

 <div class="modal-open">
        <div class="modal fade" id="ModalVTypes" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Test modal</h4>
                    </div>
                    <div class="modal-body">
                    </div>
                    <div class="modal-footer">

                    </div>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

Answer 2

解决方案一直很喜欢：

模态隐藏功能的问题。

$('.modal').modal('hide'); //Create issue because it'll reset all properties

替换为以下内容：

$('Model_ID').modal({ backdrop: 'static', keyboard: false, show: false});

Bootstrap Modal键盘＆amp;多个模态的背景属性问题

2 个答案: