Javascript 引导模式键盘&；多模态的背景属性问题

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

首次事件开放类型模型：

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

$('.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 });

    }
});

第二个事件打开矩阵或图表模式和隐藏类型模型：

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

$('.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 });

    }
});

如果我用的是单模态的话，它工作的很好。

---

谢谢

请尝试输入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>

测试模态

试着像下面这样给出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>

测试模态

解决方案已被采用：

模态隐藏功能的问题

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

将此替换为以下内容：

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

---

解决方案如下：

模态隐藏功能的问题

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

将此替换为以下内容：

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

---

这是一个id

#ModalVTypes

…你怎么有多个modals？是否有多个元素具有相同的ID？如果是这样的话，那就是你的问题了，在同一个页面上使用一个classNo，不同的model和不同的ID'sok，那么你需要显示更多的代码，一行并没有真正的帮助-你能创建一个fiddle或bootply并显示它不起作用吗？@DarrenSweeney代码已经被添加了这是一个ID

#ModalVTypes

…你怎么有多个modal？是否有多个元素具有相同的ID？如果是这样的话，那就是你的问题了，在同一个页面上使用一个classNo，不同的模式，使用不同的ID'sok，那么你需要显示更多的代码，一行代码并没有真正的帮助-你能创建一个fiddle或bootply并显示它不工作吗？@DarrenSweeney代码已经添加