如何连续使用两个Twitter Bootstrap模式？

Question

这是次要的，微妙的要点，但是在UX中，微妙使一切变得不同。

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

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

我想做的是更改步骤4。我不希望变暗的覆盖消失，仅对话框本身消失。 相反，我想让背景变暗，并显示一个微调器（当然是spin.js），在ajax完成时将由成功模式替换它。

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

这可能吗？

Answer 1

如果您在第一个模态上监听close事件，它应该可以工作

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

您也可以尝试关闭活动。 如果定时正确，则用户不应同时看到两个对象，并且当另一个打开时，他们也不应该看到一个消失。 同时使用两个引导程序模式时，请小心避免IE崩溃。

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