如何同時(shí)給多個(gè)元素設(shè)置同樣的動(dòng)畫(huà)效果呢？
這個(gè)回調(diào)函數(shù)不設(shè)置任何參數(shù)，但是 this會(huì)設(shè)成將要執(zhí)行動(dòng)畫(huà)的那個(gè)DOM元素，如果多個(gè)元素一起做動(dòng)畫(huà)效果，那么要非常注意，回調(diào)函數(shù)會(huì)在每一個(gè)元素執(zhí)行完動(dòng)畫(huà)后都執(zhí)行一次，而不是這組 動(dòng)畫(huà)整體才執(zhí)行一次。 這句話(huà)什么意思啊？如何同時(shí)給多個(gè)元素設(shè)置同樣的動(dòng)畫(huà)效果呢？
2017-12-27
我剛剛測(cè)試了一下只要jQuery對(duì)象是多個(gè)元素就可以實(shí)現(xiàn)多個(gè)元素同時(shí)動(dòng)畫(huà)，回調(diào)函數(shù)會(huì)在動(dòng)畫(huà)結(jié)束后執(zhí)行多次；
想要?jiǎng)赢?huà)一個(gè)接一個(gè)動(dòng)，可以把第二個(gè)動(dòng)畫(huà)放到第一個(gè)動(dòng)畫(huà)的回調(diào)函數(shù)里，之后的動(dòng)畫(huà)也可以一直這樣嵌套。
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
如果想要讓多個(gè)動(dòng)畫(huà)一起執(zhí)行，回調(diào)只執(zhí)行一次可以利用if語(yǔ)句判斷一下，判斷是否所有的動(dòng)畫(huà)都結(jié)束（例如：width=='500px'假設(shè)width要最終都變?yōu)?00px），如果都結(jié)束了再執(zhí)行回調(diào)。