使用Javascript隐藏具有淡出效果的引导模式
我有一个基本的引导模式来登录,当我点击submit时它不会自动关闭。我用以下方法解决了这个问题: 但我也希望使用bootstrap的fade类来正确地淡出模态-这目前还没有发生,它会立即隐藏起来使用Javascript隐藏具有淡出效果的引导模式,javascript,twitter-bootstrap,bootstrap-modal,Javascript,Twitter Bootstrap,Bootstrap Modal,我有一个基本的引导模式来登录,当我点击submit时它不会自动关闭。我用以下方法解决了这个问题: 但我也希望使用bootstrap的fade类来正确地淡出模态-这目前还没有发生,它会立即隐藏起来 我怎样才能做到这一点?请确保您的模式的HTML具有.fade类,引导将完成其余工作,: 这里的模态内容 如果您仍然有问题,您将不得不发布更多的代码。使用jQuery: $('#myModal').fadeOut(); $('myModal')。延迟(1000)。淡出(450); setTimeo
我怎样才能做到这一点?请确保您的模式的HTML具有
.fade
类,引导将完成其余工作,:
这里的模态内容
如果您仍然有问题,您将不得不发布更多的代码。使用jQuery:$('#myModal').fadeOut();
$('myModal')。延迟(1000)。淡出(450);
setTimeout(函数(){
$('#myModal').modal(“隐藏”);
}, 1500);代码>您可以将淡入淡出效果的持续时间传递给淡出功能。然后将回调函数作为第二个参数传递。在回调函数的主体中,隐藏模式窗口
$('#myModal').fadeOut(500,function(){
$('#myModal').modal('hide');
});
请编辑更多信息。不鼓励只编写代码和“尝试这个”答案,因为它们不包含可搜索的内容,也不解释为什么有人应该“尝试这个”。我认为很明显,$.fadeOut()只是淡出$元素,不需要解释。使用jQuery fadeOut()现在与引导4不起作用-黑色的overylay仍然存在。。。
$('#myModal').fadeOut();
$('#myModal').fadeOut(500,function(){
$('#myModal').modal('hide');
});