如何連續使用兩個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或像平常一樣將其關閉。 是否可以采用此路線取決於您是否想要第二個模式中的背景點擊行為。