多个 Bootstrap 模态在加载时打开，但类模态背景透明度层在每个模态上不重叠

Question

我正在尝试实现 Multiple Bootstrap Modals opens onLoad 目前它打开得非常好 onClick 即使在每个模式按钮上，但是我们有一些 TIMEOUT WARNING，它会出现加载，因此我们需要模态工作 onLoad 以及

在调查过程中发现 class modal-backdrop 透明层没有重叠意味着基于 modals z-index 没有增加，我的客户的要求是如果用户启动 modal onClick 或 onLoad根据场景，用户可能会看到多个引导模式，例如：如果用户单击“取消”按钮，用户将在模式中被提升说“嘿，你确定要取消”，但同时可能会得到模式 onLoad 解决来自服务器的“超时警告”

以下是onLoad 和onClick 行为场景的截图

这是 onLoad 透明层的行为并没有出现在以下每个模式上，但 onClick 多个模式工作得很好：

这里我也挂了jsFiddle:http://jsfiddle.net/CxdUQ/314

Answer 1

我为此找到了 this question that already have a answer，这是您的 jsfiddle 更改：http://jsfiddle.net/CxdUQ/

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

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