動態添加的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

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章