链接Twitter Bootstrap模式（'隐藏'）延迟

Question

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

点击我想要的按钮：

1. 关闭模式，例如$（ '＃myModal'）。模态（ '隐藏'）
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

当twitter bootstrap模式完全隐藏时，有一个名为hidden的事件。所以你可以这样做：

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