在JQuery动画运行时监视css属性

时间:2012-10-15 07:38:55

标签: jquery jquery-animate

我正在寻找一种在jquery动画运行时跟踪css属性的方法。

例如:

我是一个会滑入页面的div。当动画完成后,一切看起来都很好,但是在动画中,div是几个像素到低,我想知道这导致了哪个css属性。但动画太快,无法在调试器中看到任何内容。

有没有办法在动画运行时监视其中一个浏览器调试器中的css属性?

3 个答案:

答案 0 :(得分:2)

您可以对jQuery动画使用step:回调选项。它将在设置之前向您发送它即将设置的确切属性,然后您可以在其上执行console.log()来分析正在发生的事情。

有关步骤回调的详细信息,请参阅jQuery animate() doc

答案 1 :(得分:1)

您是否尝试过使用Mozilla开发者网络“监控DOM更改”? 看看这个链接..

monitoring dom changes

答案 2 :(得分:1)

减慢动画速度,以便您可以在检查器中查看数字。

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