我正在寻找一种在jquery动画运行时跟踪css属性的方法。
例如:
我是一个会滑入页面的div。当动画完成后,一切看起来都很好,但是在动画中,div是几个像素到低,我想知道这导致了哪个css属性。但动画太快,无法在调试器中看到任何内容。
有没有办法在动画运行时监视其中一个浏览器调试器中的css属性?
答案 0 :(得分:2)
您可以对jQuery动画使用step:
回调选项。它将在设置之前向您发送它即将设置的确切属性,然后您可以在其上执行console.log()来分析正在发生的事情。
有关步骤回调的详细信息,请参阅jQuery animate()
doc。
答案 1 :(得分:1)
您是否尝试过使用Mozilla开发者网络“监控DOM更改”? 看看这个链接..
答案 2 :(得分:1)
减慢动画速度,以便您可以在检查器中查看数字。
.animate({left:"+=250"},20000)