使用Javascript隐藏具有淡出效果的Bootstrap模态 [英] Hide Bootstrap modal with fade out effect using Javascript

问题描述

我有一个基本的引导程序模式可以登录，当我点击提交"时，它不会自行关闭.我使用这个简单的jquery

I have a basic bootstrap modal to log in, which doesn't close itself when I hit submit. I solved it using this simple jquery:

$('#myModal').modal('hide');

但是我也希望使用引导程序的衰落类正确地淡出模态-目前还没有发生，它会立即被隐藏.

But I also want the modal to fade out properly using bootstrap's fade class - which currently doesn't happen, it instantly gets hidden.

我该怎么做?

推荐答案

$('#myModal').delay(1000).fadeOut(450);

 setTimeout(function(){
    $('#myModal').modal("hide");
 }, 1500);

这篇关于使用Javascript隐藏具有淡出效果的Bootstrap模态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！