隐藏引导模式与淡出效果使用Javascript

Hide Bootstrap modal with fade out effect using Javascript

本文关键字：Javascript 淡出 模式 隐藏      更新时间：2023-09-26

我有一个基本的引导模式登录，它不会关闭自己当我点击提交。我用这个简单的jquery解决了这个问题:

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

但我也希望模态淡出使用bootstrap的淡出类-目前不发生，它立即被隐藏。

我该怎么做?

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

您可以将淡出效果的持续时间传递给淡出函数。然后传递一个回调函数作为第二个参数。在回调函数体中，隐藏模态窗口

   $('#myModal').fadeOut(500,function(){
                $('#myModal').modal('hide');
             });

确保你的模式的HTML有.fade类，Bootstrap将做其余的，根据他们的文档:

<div class="modal fade">
  Modal content here
</div>

如果你仍然有问题，你将不得不发布更多的代码。

使用jQuery:

$('#myModal').fadeOut();

适合我:

$("#id").attr("data-dismiss","modal");
相关文章：