Jquery 多个引导模式在加载时打开，但类模式背景透明度层在每个模式上不重叠

我正在尝试实现多个引导模式打开onLoad目前，即使在每个模式按钮上，它也会打开得非常好onClick，但是我们有一些超时警告，它会加载，因此我们也需要模式工作onLoad

在调查过程中发现，类模态背景透明度层没有重叠，基于模态的z指数没有增加，我的客户要求，如果用户启动模态onClick或onLoad，用户可能会根据场景看到多个引导模态，例如：如果用户单击“取消”按钮用户将在模式中升级，说“嘿，你确定要取消”但同时可能从服务器获得模式加载地址“超时警告”

下面是

onLoad

和

onClick

行为场景的屏幕截图

这是onLoad transparency layer不会出现在以下每个模态上的行为，但onClick多个模态工作得非常好：

在这里，我还查看了我为此找到的

jsFiddle

：

，这是您的jsFiddle，其中包含更改：

以下代码是在上面提供的链接中找到的答案：

$(document).on('show.bs.modal', '.modal', function () {
    var zIndex = 1040 + (10 * $('.modal:visible').length);
    $(this).css('z-index', zIndex);
    setTimeout(function() {
        $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
    }, 0);
});

我找到了这个，这是您的JSFIDLE，其中有一些更改：

以下代码是在上面提供的链接中找到的答案：

$(document).on('show.bs.modal', '.modal', function () {
    var zIndex = 1040 + (10 * $('.modal:visible').length);
    $(this).css('z-index', zIndex);
    setTimeout(function() {
        $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
    }, 0);
});

---

我用bs4试过了，它在Leandro-Ruel工作，但我们已经和bs3集成了，这方面有什么解决方案吗？有人能帮我吗？循环一下怎么样“并向下一个添加更多的z索引，如1050+1和+2…”。。。所以我认为它会起作用。获取模态的z索引，并应用于模态背景：我用bs4进行了尝试，它在@Leandro-Ruel工作，但我们已经与bs3集成，在这方面有什么解决方案吗？有人能帮我吗？循环每个“.modal-background”并添加更多的z索引，比如1050+1和+2到下一个。。。所以我认为它会起作用。获得模态的z指数，并应用到模态背景中：它在button onClick中起作用，但是我们如何实现多模态的onLoad方法，这就是我所寻找的，有什么解决方案吗？它在button onClick中起作用，但是我们如何实现多模态的onLoad方法，这就是我所寻找的，有什么解决方案吗？