怎么让后一个动画（2需同时）等前一个动画（1需同时）执行完毕再执行

Question

$('.switchpic1').animate({ opacity: '1', left: '4%'}, 'slow', function() { $('.picSwitchPage>span[data-num*="0"]').toggleClass('cur'); $('.switchpic1').stop().animate({opacity: '0'},1000); /* stuff to do after animation is complete */ }); $('.switchtxt1').animate({ opacity: '1', right: '8%'}, 'slow', function() { $('.switchtxt1').stop().animate({opacity: '0'},1000); /* stuff to do after animation is complete */ }); $('.switchpic2').animate({ opacity: '1', left: '-28%'}, 'slow', function() { $('.picSwitchPage>span[data-num*="1"]').toggleClass('cur'); $('.switchpic2').stop().animate({opacity: '0'},1000); /* stuff to do after animation is complete */ }); $('.switchtxt2').animate({ opacity: '1', right: '5%'}, 'slow', function() { $('.switchtxt2').stop().animate({opacity: '0'},1000); /* stuff to do after animation is complete */ });

Answer 1

创建个变量 var flag=0（放在事件调用函数内）；然后分别在2个1动画的最终完成状态内放上flag++；

在2动画前加上判断if(flag==2){执行2个2动画}；

具体情况要看怎么调用这个动画，要避免因多次调用1动画而导致flag无限上涨的问题