遅延付きのブートストラップモーダル（ 'hide'）をチェーン

Question

私は下部に 'checkout'ボタン付きの簡単なブートストラップモードを表示しています。私がしたいボタンをクリックすると

：

1. は、例えば、モーダルを閉じます$（ '＃myModal'）。モーダル（ '隠す'）
2. 待ちアニメーションが私の 'チェックアウト' ページへwindow.location.href
3. の変更を終了するまで。

私はすぐに次の機能を実行することなく連鎖する方法を見つけることができないようです。

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

または私はdelay（）が役立つかもしれないと考えました。

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

これは機能しません。それはただページを瞬時に変更します。

これは一般的なjQueryの問題ですか？または、これを処理するためにブートストラップを拡張する必要がありますか？

Answer 1

hiddenと呼ばれるイベントがあります。これは、twitterブートストラップモードが完全に非表示になっている場合です。だからあなたは次のようなことをすることができます：

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