Question

我想知道在动画功能完成后如何调出第二行？现在第二行在animate函数完成之前开始。

有人可以帮助我吗？

$(".intro").animate({height:'100%', width:'100%'}, 6000);
$(".intro").append("<div class='text'>Some Text</div>")
$(".text").css({"background":"#FFFF00" , "height":"23px","width":"300px","position":"absolute","top":"0","left":"0","bottom":"0","left":"0","margin":"auto"});

Answer 1

使用此代码段 - 添加回调。

完整功能：如果提供，动画完成后会触发完整的回调函数。

$(".intro").animate({height:'100%', width:'100%'}, 6000, function(){
    $(this).append("<div class='text'>Some Text</div>");
});

有关更多示例，请参阅此 Link: .animate() 。

Answer 2

使用animate的回调函数：

$(".intro")
   .animate(
       {height:'100%',width:'100%'},
       6000,
       function(){
           $(".intro").append("<div class='text'>Some Text</div>");
       }
    );

完成animate命令后调用命令

2 个答案: