callback函数会在当前动画100%完成之后才会执行
jQuery Callback函数的用法:
$(selector).hide(speed,callback);
speed 或 duration 参数可以设置很多不同的值,例如“fast”“slow”“normal”或者毫秒。
由于js 语句是逐一执行的,按照顺序,动画之后的语句可能会产生错误或者页面冲突,因为动画还没有完成,为了避免这个情况,您可以以参数的形式添加callback 函数。
下面是我举的一个例子:
div会在点击按钮之后隐藏,隐藏之后会再执行一个回调函数,div会再显示出来
<div id="div2">
<p>人的灵魂所必须的东西,是不需要用金钱来买的</p>
</div>
<button class="btn1">点击执行回调函数</button>
$().ready(function(){
$('.btn1').click(function(){
$('div').hide(1000,function(){
$(this).show(1000)
})
})
})
以上就是我对callback 函数的理解,如有错误欢迎指正!