javascript – 延迟链接Twitter Bootstrap模式(‘隐藏’)

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

单击我想要的按钮：

>关闭模态,例如$( ‘#myModal’)模态( ‘隐藏’)
>等到动画结束
>将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来处理这个问题？

解决方法

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

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