我正在显示一个简单的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');
