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

Question

我有一个基本的bootstrap模式登录，当我点击提交时它不会自动关闭。我使用this simple jquery解决了它：

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

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

我该怎么做？

Answer 1

＆＃13;

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

确保模态的HTML具有.fade类，Bootstrap将完成剩下的工作，per their documentation：

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

如果您仍然遇到问题，则必须发布更多代码。

Answer 3

使用jQuery：

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

Answer 4

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

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