jquery - 使用 jquery/css 淡出 Bootstrap 模式

Question

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

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

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

我使用上面的代码段来隐藏模式，它有效。但是，模态很快就消失了。我想让它淡出几秒钟。我怎样才能实现它？

我的代码:

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

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

 }, 1500);
});

Fiddle

Answer 1

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

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

代码在这里:

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

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

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

 });