Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript隐藏具有淡出效果的引导模式_Javascript_Twitter Bootstrap_Bootstrap Modal - Fatal编程技术网

使用Javascript隐藏具有淡出效果的引导模式

使用Javascript隐藏具有淡出效果的引导模式,javascript,twitter-bootstrap,bootstrap-modal,Javascript,Twitter Bootstrap,Bootstrap Modal,我有一个基本的引导模式来登录,当我点击submit时它不会自动关闭。我用以下方法解决了这个问题: 但我也希望使用bootstrap的fade类来正确地淡出模态-这目前还没有发生,它会立即隐藏起来 我怎样才能做到这一点?请确保您的模式的HTML具有.fade类,引导将完成其余工作,: 这里的模态内容 如果您仍然有问题,您将不得不发布更多的代码。使用jQuery: $('#myModal').fadeOut(); $('myModal')。延迟(1000)。淡出(450); setTimeo

我有一个基本的引导模式来登录,当我点击submit时它不会自动关闭。我用以下方法解决了这个问题:

但我也希望使用bootstrap的fade类来正确地淡出模态-这目前还没有发生,它会立即隐藏起来


我怎样才能做到这一点?

请确保您的模式的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');
             });