如何連續使用兩個twitter引導模式？

Question

這是一個微不足道的細微之處，但在用戶體驗中，微妙之處會帶來一切。

我製作了一個使用Twitter引導的單頁網頁應用程序。在我的應用程序的一個特別重要的部分...

1. 我的用戶採取行動，
2. 我提出一個確認對話框（技術上bootbox confirm）
3. 用戶點擊OK確認
4. 模態消失，通過阿賈克斯發生的行動，
5. 然後我顯示一個成功消息的輔助模式（bootbox對話框）。

我想要做的是改變第4步。我不想讓黑暗的覆蓋消失，只有對話框本身。相反，我想離開背景變暗並顯示一個微調（當然是spin.js），這個微調將在ajax完成時被成功模式取代。

總之，我想我可能需要重寫bootbox確認成功方法的默認行爲。

這可能嗎？

Answer 1

如果你聽close事件的第一模式

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

您也可以嘗試關閉的情況下它應該工作。如果計時正確，用戶不應該同時看到兩者，並且當另一個打開時他們不應該看到一個消失。當同時使用兩個引導程序模式時，請小心碰撞IE。

我用過的另外一種可能是打開第二個模式而沒有背景，同時改變第一個模態的z-index，使它看起來不見了。當第二個模態關閉時，您可以將第一個模態返回到其原始z-index或像正常一樣關閉它。您是否可以採用這種路線取決於您是否想在第二種模式中使用背景幕點擊行爲。