8

下部に「チェックアウト」ボタンがある単純な Bootstrap モーダルを表示しています。

私がしたいボタンをクリックすると：

  1. モーダルを閉じます。例: $('#myModal').modal('hide')
  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 を拡張する必要がありますか?

4

1 に答える 1

11

hiddenTwitter ブートストラップ モーダルが完全に非表示になったときに呼び出されるイベントがあります。したがって、次のようなことができます。

$('#myModal').bind('hidden', function(){
    window.location.href = '/checkout';
}).modal('hide');
于 2012-11-18T09:18:47.167 に答える