延遲Twitter Bootstrap模式（'隱藏'）

Question

我在底部顯示一個簡單的Bootstrap模式，並帶有'checkout'按鈕。

單擊按鈕時我想：

1. 關閉模式，例如$（ '＃myModal'）模態（ '隱藏'）
2. 等到動畫結束
3. 變化window.location.href我的 '結賬' 頁。

我似乎無法找到一種鏈接方式，而沒有立即運行下一個功能，例如，

$('#myModal').modal('hide').each(function() { 
    window.location.href = '/checkout'; 
}); 

或者我認爲delay（）可能有幫助，例如，

$('#myModal').modal('hide').delay(1000).each(function() { 
    window.location.href = '/checkout'; 
}); 

這不起作用，或者它只是即時更改頁面。

這是一個常見的jQuery問題？或者我將不得不擴展Bootstrap來處理這個問題？

Answer 1

當twitter bootstrap模式完全隱藏時，有一個事件叫hidden。所以你可以這樣做：

$('#myModal').bind('hidden', function(){ 
    window.location.href = '/checkout'; 
}).modal('hide');