使用jquery / css淡出引导模态

Question

我在引导模态中有一个表单。我使用jQuery $（modalId）.modal（'show'）;唤醒了它。

我不希望它淡入。因此，我没有在我的模态中添加“ fade”类。在以形式提交表格后。我想淡出模态。

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

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

我的代码：

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

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

 }, 1500);
});

小提琴

Answer 1

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

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

代码在这里：

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

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

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

 });