Я делаю сайт со страницей, на которой отображаются поля (одинакового размера) с некоторым контентом (видео + текст), который расходуется на событие click()
.Страница использует masonry для реорганизации ящиков, когда один из них открывается или закрывается.Эта страница в значительной степени основана на этом посте , где fudgey предоставлено этой демонстрации .
В моем случае это работает почти на 100%, но яесть ошибка анимации, когда окно расширяется.Кажется, что коробка действительно расширяется, немного втягивается и расширяется навсегда.Все это в считанные секунды.Страница запускается с worpdress для загрузки сообщений, а также использует scrollTo , чтобы прокрутить окно в нужную позицию после раскрытия окна и vimeo 'api, чтобы иметь внешний контроль над видео в ящиках.
Я настроил jsfiddle для репликации поведения.Я заметил, что, если я прокомментирую эту строку: $('#grid').masonry();
в анимации из $('.box').click(function(){
, она работает нормально, но, конечно, убивает анимацию реорганизации.
Я почти уверенрешение очень близко, но я не могу его закрепить.
Демонстрацию сайта можно увидеть здесь .
Заранее спасибо.