javascript - jQuery 动画完成不工作

Question

动画本身可以正常工作，但为什么我的完整功能无法正常工作？

fiddle :https://jsfiddle.net/jzhang172/5kfbw066/1/

$(".ok").animate({
height:"300px"

},{
 duration:2000
 }, {complete:function(){
alert('hey');
}
});

.ok{
  background:blue;
  height:100px;
  width:200px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ok"></div>

Answer 1

complete 是一个属性，就像 duration

$(".ok").animate({
  height: "300px"

}, {
  duration: 2000,
  complete: function() {
    alert('hey');
  }
});

.ok {
  background: blue;
  height: 100px;
  width: 200px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ok"></div>