我如何连续使用两个twitter bootstrap模式？

Question

这是一个次要的，微妙的观点，但在用户体验中，微妙的因素会有所不同。

我使用Twitter引导程序制作了一个1页的Web应用程序。在我申请的一个特别重要的部分......

1. 我的用户采取了一项行动，
2. 我提出了一个确认对话框（技术上是bootbox confirm）
3. 用户单击“确定”以确认
4. 模态消失，通过ajax发生的动作，
5. 然后我显示一个带有成功消息的辅助模式（引导框对话框）。

我要做的是更改步骤4.我不希望黑暗的叠加层消失，只有对话框本身。相反，我想让背景变暗并显示一个微调器（当然是spin.js），它将在ajax完成时被成功模态替换。

简而言之，我想我可能需要覆盖bootbox confirm成功方法的默认行为。

这可能吗？

Answer 1

如果您在第一个模态

上侦听关闭事件，它应该有效

$(document).on('close', '#firstModalId', function(){
  $('#secondModalId').modal('show');
});

您也可以尝试关闭的活动。如果时间合适，用户不应该同时看到两者，并且当另一个打开时，他们不应该看到一个消失。在同时使用两个引导模式时，请注意崩溃IE。

我使用的另一种可能性是在没有背景的情况下打开第二个模态，同时更改第一个模态的z-index，看起来它已经消失了。当第二个模态关闭时，您可以将第一个模态返回到其原始z-index，也可以像平常一样将其关闭。是否可以采用此路线取决于您是否需要第二个模态中的背景点击行为。