JQuery動畫運行時監視CSS屬性

我正在尋找一種方法來跟蹤jQuery動畫運行時的CSS屬性。JQuery動畫運行時監視CSS屬性

例如：

我是一個div，它會滑入頁面。當動畫完成後，一切都看起來很好，但動畫的div是從幾個像素到低，我想看看這是什麼CSS屬性造成的。但是動畫太快而無法在調試器中看到任何東西。

有沒有辦法在瀏覽器的調試器的一個監測的CSS屬性，而動畫運行？

2012-10-15 Chris

爲什麼不用不同的方式爲它製作動畫？讓我們說，每次按下按鈕時，一步一步的CSS屬性都會改變。這樣你就可以在整個過程中看到你的div的行爲... – Th0rndike

減慢動畫速度，以便您可以在檢查員中觀察數字。

.animate({left:"+=250"},20000)

2012-10-15 08:08:58

因爲這種接受是迄今爲止最簡單的方法（和我有點emberassed，我沒有這個讓自己因爲我莫名其妙包括說：「動畫是太快了。」感謝我的問題的答案的一部分。 – Chris

HAHA ，歡呼...... :) –

你試過使用mozilla開發者netwrks'監視DOM變化'嗎？看看這個鏈接..

2012-10-15 07:50:08

您可以使用jQuery的動畫step:回調選項。它會向你發送在它被設置之前設置的確切屬性，然後你可以對它做一個console.log（）來分析發生了什麼。

爲上步回調的詳細信息，請參見jQuery animate() doc。

2012-10-15 08:04:15 jfriend00

也感謝這個答案，它是非常有用的，它似乎是更合適的監控CSS屬性的方式。但是對於一個快速的拍攝，放慢動畫對我來說似乎更容易一些。不管怎麼說，還是要謝謝你！ – Chris

回答