Question

我在bootstrap模式中有一个表单。我用jQuery唤醒它 $（modalId）.modal（＆＃39;显示＆＃39）;

我不希望它被淡入。所以，我没有添加“淡化”。我的模态。以模态提交表格。我想淡出模态。

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

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

我的代码：

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

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

 }, 1500);
});

Fiddle

Answer 1

使用此代码。

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

DEMO

Answer 2

我通过添加延迟来淡出模态并增加了

的时间，从而找到了解决方案

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

代码在这里：

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

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

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

 });

使用jquery / css淡出bootstrap模式

2 个答案: