質問: 2つのjqueryアニメーションを同時に実行する方法は? 2つの異なる要素で同時に2つのアニメーションを実行することは可能ですか?この質問の反対が必要です jquery queuing animations 。私はこのようなことをする必要があります...$('#first').animate({ width: 200 }, 200); $('#second').animate({ width: 600 }, 200); ただし、これら2つを同時に実行します。私が考えることができる唯一のことは、アニメーションごとにsettimeoutを使用することですが、それが最善の解決策だとは思いません。
回答: animateを連続して呼び出すと、同時に実行されているように見えることは事実ですが、根本的な真実は、非常に平行に近い状態で実行される別個のアニメーションであるということです。アニメーションが確実に同時に実行されるようにするには、次を使用します。$(function() { $('#first').animate({..., queue: 'my-animation'}); $('#second').animate({..., queue: 'my-animation'}).dequeue('my-animation'); }); さらにアニメーションを「my-animation」キューに追加し、最後のアニメーションがデキューされた場合にすべてを開始できます。乾杯、アンソニー