网上搜索jquery animate基本上都是简单的说明。
直接说两种用法的回调函数(本例中我所使用的版本为:jquery-1.11.3.min.js):
第一种:
(selector).animate({styles},speed,easing,callback)
//第一种的回调函数没有什么好说直接调用即可
第二种:
(selector).animate({styles},{options})
第二种,大部分网上资料给的是如下内容,并没有具体的解释这也导致我自己使用时被卡了半天:
然而我试了多次第二种写法
$(xxx).animate({xxx}, {
duration: 1000,//不知道为何speed设置无效
step: function () {
xxx
},
callback:function () {
xxx
}
}
怎么也进不去callback函数,以为是jquery版本问题,但最后无意间在一个网站看到一个写法不是callback而是complete……
正确执行回调为如下
$(xxx).animate({xxx}, {
duration: 1000,
step: function () {
xxx
},
complete:function () {
xxx
}
}
网上对于jq的资料大部分都是较老的,jq的使用率也逐渐的下降,再加上css3动画的出现……