イベントに費やすコンテンツ（ビデオ+テキスト）を含むボックス（すべて同じサイズ）を表示するページを含むサイトを作成していますclick()。このページでは、石積みを使用して、ボックスを開いたり閉じたりすると、ボックスを再編成しています。このページは、fudgeyがこのデモを提供したこの投稿に大きく基づいています。
私の場合はほぼ100％正常に動作しますが、ボックスが拡張するとアニメーションのバグが発生します。ボックスは拡張し、少し収縮し、永久に拡張するようです。これらすべてがほんの数秒で完了します。ページはworpdressで実行されて投稿をロードし、scrollToを使用して、ボックスが展開された後、ウィンドウを正しい位置にスクロールし、vimeo'apiを使用してボックス内のビデオを外部から制御します。
動作を複製するためにjsfiddleを設定しました。$('#grid').masonry();この行にコメントすると、アニメーションで$('.box').click(function(){正常に機能しますが、もちろん再編成アニメーションを強制終了することに気付きました。
私は解決策が非常に近いと確信していますが、私はそれを釘付けにすることができないようです。
サイトのライブデモはここで見ることができます。
前もって感謝します。