Bootstrap删除模态：延迟动画直到加载后

Question

我正在使用带有远程加载模式的Bootstrap v3.3.0。远程模态工作正常，但我注意到淡入淡出效果不像模式预先加载内容而不是我正在使用的远程加载时一样平滑。对于我的所有模态，AJAX调用非常小，所以我不想要/需要一个加载指示器或进度条，我只想延迟淡入淡出动画，直到内容被远程加载（这是永远的超过一秒钟）。是否有一种方法使用javascript / jquery指定延迟淡入动画直到内容加载后？提前谢谢。

Answer 1

您可以使用纯CSS添加延迟：

.fade{
    -webkit-transition-delay: .5s;  // make this however long you need
    transition-delay: .5s;
  }

此外，如果垂直动画也是一个问题，您可以使用以下方法禁用它：

.modal.fade .modal-dialog {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;

}       }