链接Twitter Bootstrap模式('隐藏')延迟

Question

我正在显示一个简单的Bootstrap模式,底部有一个'checkout'按钮.

点击我想要的按钮:

1. 关闭模态,例如$('#myModal').modal('hide')
2. 等到动画结束
3. 将window.location.href更改为我的"结帐"页面.

如果没有它立即运行下一个功能,我似乎无法找到一种链接方式,例如

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

或者我认为延迟()可能会有所帮助,例如

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

这不起作用,它只是立即更改页面.

这是一个常见的jQuery问题吗？或者我是否必须扩展Bootstrap来处理这个问题？

Answer 1

hidden当twitter bootstrap模式被完全隐藏时,会发生一个事件.所以你可以这样做:

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