javascript - 延迟链接 Twitter Bootstrap modal('hide')

Question

我正在显示一个简单的 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 来处理这个？

Answer 1

hidden当 twitter 引导模式完全隐藏时，会调用一个事件。所以你可以做这样的事情：

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