使用 jquery/css 淡出引导模式答案

【问题标题】：Fade out bootstrap modal using jquery/css使用 jquery/css 淡出引导模式
【发布时间】：2016-01-10 03:22:32
【问题描述】：

我在引导模式中有一个表单。我用 jQuery 唤醒它 $(modalId).modal('show');

我不希望它淡入。所以，我没有在我的模式中添加“淡入”类。在以模态提交表单时。我想淡出模态。

$(modalId).modal('hide');

我使用上面的代码段来隐藏模式，它可以工作。但是，模态很快就消失了。我希望它淡出几秒钟。我怎样才能实现它？

我的代码：

$('.save').on('click', function(){
 setTimeout(function(){

  $('#div_dbReadMany').modal("hide");

 }, 1500);
});

Fiddle

【问题讨论】：

你想要这个使用css动画吗？
无论如何，我的目标是淡出。 css没问题
要解决这个问题，你应该使用css动画/过渡。根本不是 jquery 或 js 的问题。
你能举个例子吗？上面有我的小提琴

标签： jquery css twitter-bootstrap

【解决方案1】：

我通过添加延迟淡出模态并增加超时来找到解决方案

$(modalId).modal('hide');

代码在这里：

 $('.save').on('click', function(){

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

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

 });

【讨论】：

【解决方案2】：

使用此代码。

$('.save').on('click', function(){
   $('#div_dbReadMany').delay(1000).fadeOut('slow');
   setTimeout(function() {
       $("#div_dbReadMany").modal('hide');
   }, 1500);
});

DEMO

【讨论】：

看小提琴，我已经添加了。但是，超时后它突然发生了。我不希望它那样发展。我想让它淡出
现在试试看演示。
OP 回答了她自己的问题，看起来您的编辑只是该问题的副本。