我可以使用Bootstrap创建多个级别的弹出窗口吗？

Question

我有一个项目列表页面作为主页面。它列出了所有项目。当用户尝试编辑项目时，我使用模态（＆＃34;显示＆＃34;）提供弹出窗口以显示项目的详细信息。此时一切正常。但是，如果我尝试从弹出的当前项目的详细信息中添加另一个弹出窗口，则项目的详细信息弹出窗口将变为隐藏状态。我只是想检查是否有多个弹出级别是可行的。

谢谢！

Answer 1

我实际上是为这个问题编写了一个小脚本，因为我们的工程师在这里对模式很满意......

// Insure: Multiple dialogs overlay properly
$(window).on('shown.bs.modal', function() {
    var models = $('.modal-backdrop').length;
    var new_z_index = (models * 10) + 1030;
    if (models > 1) {
        $('.modal-backdrop:last').attr("style", "z-index:" + new_z_index);
    }
});