我目前正在开发一个包含许多动画的网页。
代码示例
<div id="a1">
<img src="aaa/Test1.png" style="display:none;" id="img1"/>
</div>
<div id="a2">
<img src="aaa/Test2.png" style="display:none;" id="img2"/>
</div>
<div id="a3">
<img src="aaa/Test3.png" style="display:none;" id="img3"/>
</div>
<script>
$("#img1").fadeIn(3000);
$("#img2").fadeIn(3000);
$("#img3").animate({
'marginLeft' : "0px"
}, 2000);
</script>
我想添加在每个动画结束后调用的通用回调。我不想这样写
$("#img1").fadeIn(3000,function(){callback();});
$("#img2").fadeIn(3000,function(){callback();});
$("#img3").animate({
'marginLeft' : "0px"
}, 2000,function(){callback();});
我只想将回调作为一个整体添加(例如为 jquery $('div').css("height","100px"); 中的所有 div 赋予样式)
有没有这样的代码可以回调页面中的所有动画?