Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Animate.css-等待动画完成,然后继续_Jquery_Css_Animation_Animate.css - Fatal编程技术网

Jquery Animate.css-等待动画完成,然后继续

Jquery Animate.css-等待动画完成,然后继续,jquery,css,animation,animate.css,Jquery,Css,Animation,Animate.css,我目前正在使用Animate.css制作我正在创建的应用程序周围的动画。我正在寻找一种方法,等待动画完成后再继续。这是我认为有效的方法,但没有。欢迎任何帮助 $("#myDiv").addClass("animated flipOutY", function() { return $("#myDiv").empty(); }); 除了设置超时外,没有跨浏览器的方法来执行此操作 setTimeout($('#myDiv').empty, 500); 有一些以浏览器为前缀的方法可以实现这一点

我目前正在使用Animate.css制作我正在创建的应用程序周围的动画。我正在寻找一种方法,等待动画完成后再继续。这是我认为有效的方法,但没有。欢迎任何帮助

$("#myDiv").addClass("animated flipOutY", function() {
  return $("#myDiv").empty();
});

除了设置超时外,没有跨浏览器的方法来执行此操作

setTimeout($('#myDiv').empty, 500);

有一些以浏览器为前缀的方法可以实现这一点,但我想我记得它们不可靠。查看此SO问题:

除了设置超时外,没有跨浏览器的方法来执行此操作

setTimeout($('#myDiv').empty, 500);

有一些以浏览器为前缀的方法可以实现这一点,但我想我记得它们不可靠。看到这个问题:

如果这是关于CSS动画的,那么这个

$("#myDiv").addClass("animated flipOutY")
           .on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(e) {
              $(this). ...
           });
如果animate.css实际使用过渡,则应使用以下事件:

'transitionend webkitTransitionEnd MSTransitionEnd oTransitionEnd'

如果这是关于CSS动画的,那么

$("#myDiv").addClass("animated flipOutY")
           .on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(e) {
              $(this). ...
           });
如果animate.css实际使用过渡,则应使用以下事件:

'transitionend webkitTransitionEnd MSTransitionEnd oTransitionEnd'

谢谢这就解决了我的问题:)
$(“.loader_calendar”).addClass('animated zoomOut').on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd',函数(e){$(This.hide();})谢谢!这就解决了我的问题:)
$(“.loader_calendar”).addClass('animated zoomOut').on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd',函数(e){$(This.hide();})