Bootstrap 2 可以让 1 个模态跟随另一个模态吗？

Posted 2023-02-23

【中文标题】Bootstrap 2 可以让 1 个模态跟随另一个模态吗？

【英文标题】：Can 1 modal follow another with Bootstrap 2?

【发布时间】：2014-12-10 22:36:03

【问题描述】：

bootstrap v2.3.1 是否可以在前一个模式窗口关闭后立即打开一个模式窗口？那就是：

用户单击按钮并打开第一个模式。 用户关闭模态并打开第二个模态。

我尝试使用第一个模式的 hidden 事件来执行此操作，以便在该事件的回调中打开第二个模式。但是，第一个模态的深色透明背景仍然可见，第二个模态打开，但不能与之交互，因为它在深色透明背景下。

参考下图：

谢谢

由 OP 编辑​​

onHidden 事件中的代码如下所示：

changeTypeConfirmModal.on('hidden', function () 
    var modalFormOptions = 
        keyboard: true,
        backdrop: 'static',
        show: true,
    ;

    modalForm.modal(modalFormOptions);  
);

【参考方案1】：

http://jsfiddle.net/ud48dk5v/

use : hidden event - 当模式对用户完成隐藏时触发此事件（将等待 css 转换完成）​​

$('#myModal').on('hidden', function () 
    //shows the second modal window
    $('#myModal2').modal('show')
)

【讨论】：

我在问题中提到我在第一个模态的隐藏事件中加载它。我的代码和你的几乎一样。

你证明了这是可能的，所以我会给出答案。如果能解决我的错误就好了。

你能把页面放到网上吗？没有完整的源代码很难找到错误

我希望我能，但我不能。我意识到在不访问应用程序/代码的情况下进行故障排除是多么困难。所以我们陷入了僵局。我已获得重新设计的授权，因此不使用 1 模态。不理想，但这是我在时间紧迫的环境中唯一能做的事情。

如果控制台出现错误？尝试删除额外的 javascript 和 css。只应保留引导文件。看看它之后是否会保持重叠。然后一一添加文件，看看谁有错误