如何同時給多個元素設置同樣的動畫效果呢？
這個回調函數不設置任何參數，但是 this會設成將要執行動畫的那個DOM元素，如果多個元素一起做動畫效果，那么要非常注意，回調函數會在每一個元素執行完動畫后都執行一次，而不是這組 動畫整體才執行一次。 這句話什么意思啊？如何同時給多個元素設置同樣的動畫效果呢？
3 回答
舉報
0/150
提交
取消
這個回調函數不設置任何參數，但是 this會設成將要執行動畫的那個DOM元素，如果多個元素一起做動畫效果，那么要非常注意，回調函數會在每一個元素執行完動畫后都執行一次，而不是這組 動畫整體才執行一次。 這句話什么意思啊？如何同時給多個元素設置同樣的動畫效果呢？
2017-12-27
舉報
2017-12-27
我剛剛測試了一下只要jQuery對象是多個元素就可以實現多個元素同時動畫，回調函數會在動畫結束后執行多次；
想要動畫一個接一個動，可以把第二個動畫放到第一個動畫的回調函數里，之后的動畫也可以一直這樣嵌套。
2019-05-09
function test(now,total){
? ? ? ? ? ? if(now >= total){
? ? ? ? ? ? ? ? return;
? ? ? ? ? ? }
? ? ? ? ? ? $(".a2:eq(" +now + ")") .slideDown(300,function(){
? ? ? ? ? ? ? ? now ++;
? ? ? ? ? ? ? ? test(now,total);
? ? ? ? ? ? });
? ? ? ? }
? ? ? ??
? ? ? ??
? ? ? ? $("button:last").click(function() {
? ? ? ? ? ? ? ? test(0,$(".a2").length);
? ? ? ? });
2017-12-27
如果想要讓多個動畫一起執行，回調只執行一次可以利用if語句判斷一下，判斷是否所有的動畫都結束（例如：width=='500px'假設width要最終都變為500px），如果都結束了再執行回調。