Javascript Boostrap远程模式:延迟动画直到加载后

Javascript Boostrap远程模式:延迟动画直到加载后,javascript,twitter-bootstrap-3,modal-dialog,Javascript,Twitter Bootstrap 3,Modal Dialog,我正在使用BootstrapV3.3.0和远程加载的模态。远程模态工作得很好,但我注意到淡入淡出效果不如在模态中预加载内容而不是我正在使用的远程加载时平滑。AJAX调用对于我所有的modals来说都非常小,所以我不想/不需要加载指示器或进度条,我只想将淡入淡出动画延迟到远程加载内容之后(这永远不会超过几分之一秒)。有没有一种方法可以使用javascript/jquery指定淡入动画的延迟,直到加载内容之后?提前感谢。您可以使用纯CSS添加延迟: .fade{ -webkit-transi

我正在使用BootstrapV3.3.0和远程加载的模态。远程模态工作得很好,但我注意到淡入淡出效果不如在模态中预加载内容而不是我正在使用的远程加载时平滑。AJAX调用对于我所有的modals来说都非常小,所以我不想/不需要加载指示器或进度条,我只想将淡入淡出动画延迟到远程加载内容之后(这永远不会超过几分之一秒)。有没有一种方法可以使用javascript/jquery指定淡入动画的延迟,直到加载内容之后?提前感谢。

您可以使用纯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;
}
}

延迟到.fade类的过渡对我来说非常有效。只需添加.1秒延迟,即可使淡入淡出和垂直变换再次像黄油一样平滑。这么简单的解决方案,我没想到。