jquery アニメーションの実行中に css プロパティを追跡する方法を探しています。
例えば：
ページにスライドするdivがあります。アニメーションが完了すると、すべてが正常に見えますが、アニメーション内では div が数ピクセル低くなり、これが原因である css プロパティを確認したいと思います。しかし、アニメーションが速すぎて、デバッガーで何も表示されません。
アニメーションの実行中にブラウザーのデバッガーのいずれかで css プロパティを監視する方法はありますか?
3 に答える
2
step:jQuery アニメーションのコールバック オプションを使用できます。設定される直前に設定しようとしている正確なプロパティが送信され、何が起こっているのかを分析するために console.log() を実行できます。
ステップ コールバックの詳細については、 jQueryのanimate()ドキュメントを参照してください。
于 2012-10-15T08:04:15.223 に答える
1
Mozilla 開発者ネットワークの「Monitoring DOM changes」を使用してみましたか? このリンクをチェックしてください..
于 2012-10-15T07:50:08.570 に答える
1
インスペクターで数値を確認できるように、アニメーションの速度を落とします。
.animate({left:"+=250"},20000)
于 2012-10-15T08:08:58.820 に答える