Javascript 在另一个模态上打开引导盒模态不会使后面的模态变暗

我使用的是bootbox，我的模式上有一个按钮，点击这个按钮，它会打开另一个模式。问题是，当新模式打开时，它后面的模式不会变暗。相反，这两个模态背后的背景变得更加暗淡。我该怎么做才能修好它

以下是我的示例代码：

        $('#new-btn').click(function () {
        new_room_form = bootbox.dialog({
            title: "New room",
            message: 
                '<div class="row">' +
                    '<div class="col-md-12">' +
                    '<form>' +
                        '<fieldset style="padding: 20px">' +
                            '<legend>Example:</legend>' +
                            '<div class="form-group">' +
                                '<button class="btn btn-primary" id="add">Add</button>' +
                            '</div>' +

                        '</fieldset>' +
                    '</form>' +
                '</div>' +
            '</div>',
            buttons: {
                cancel: {
                    label: "Cancel",
                    className: "btn btn-default"
                },
                add: {
                    label: "Add",
                    className: "btn btn-primary",
                }

            }
    }); // end bootbox dialog      

     $('#add').on('click', function(response) {
            bootbox.alert("Hello world!", function() {
            });
             return false;
        }); 
    });

$（'#新建btn'）。单击（函数（）{
新建\u房间\u表单=bootbox.dialog({
标题：“新房间”，
信息：
'' +
'' +
'' +
'' +
'示例：'+
'' +
“添加”+
'' +
'' +
'' +
'' +
'',
按钮：{
取消：{
标签：“取消”，
类名：“btn btn默认”
},
加：{
标签：“添加”，
类名：“btn btn主节点”，
}
}
})；//结束引导对话框
$（'#添加'）。在（'单击'）上，函数（响应）{
警报（“Hello world！”，函数（）{
});
返回false；
}); 
});

引导盒主要只是一个包装器/帮助器库，旨在使引导模式更易于使用。因此，它具有Bootstrap的所有限制，包括：

不支持多个打开模态 确保在另一个模态仍然可见时不要打开该模态。显示 一次有多个模态需要自定义代码

简而言之，你必须自己处理这件事。您所看到的可能是由于覆盖层的绝对位置和z索引值相同

目前，我还不知道Bootbox或Bootstrap中有任何东西可以让你直接操纵modal的背景。最接近的选项是禁用背景，您可以通过将

background:false

作为选项之一来执行此操作。

可能重复的