延迟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');