天天看點

動态添加的dom css3過渡動畫沒有反應

動态添加的dom css3過渡動畫沒有反應

但是在代碼中建立 dom  後 沒反應

var center = $('<div class="divCenter" style="color:'+color+'">'+n+'</div>')

$('body').append(center);

//getComputedStyle(center[0]).left //讓頁面從新渲染 否者不會觸發 css3 的特效

center.css({"transform":translate,"opacity":"0"})
           

後面百度才知道要先把dom 加到 文檔上 再設定 樣式 (設定樣式時要先執行   getComputedStyle(center[0]).left     )

随便讀取一個 值就會觸發重新渲染

就ok

動态添加的dom css3過渡動畫沒有反應