jquery结束动画执行其他动作

<div class="js-a" style="height:100px;width:100px;"></div>

$('.js-a').animate({"height":"300px","width":"300px"},1000);

(1)

  $('.js-a').stop();//若动画在加载过程中结束动画,则会停止在当前状态。也就是说div,可能width:200px;height:200px时,调用了stop()函数,则div的width:200px;height:200px,保持这个状态,而不是加载到最终结果width:300px;height:300px;
(2)
  $('.js-a').finish();//若动画在加载过程中,直接跳转到动画结束状态。也就是说div,可能width:200px;height:200px时,调用了finish()函数,则div的直接加载到最终结果width:300px;height:300px;

版权声明:本文为xiaoye_web原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。