jQuery кладка и расширение коробки анимации - PullRequest
1 голос
/ 19 января 2012

Я делаю сайт со страницей, на которой отображаются поля (одинакового размера) с некоторым контентом (видео + текст), который расходуется на событие click().Страница использует masonry для реорганизации ящиков, когда один из них открывается или закрывается.Эта страница в значительной степени основана на этом посте , где fudgey предоставлено этой демонстрации .

В моем случае это работает почти на 100%, но яесть ошибка анимации, когда окно расширяется.Кажется, что коробка действительно расширяется, немного втягивается и расширяется навсегда.Все это в считанные секунды.Страница запускается с worpdress для загрузки сообщений, а также использует scrollTo , чтобы прокрутить окно в нужную позицию после раскрытия окна и vimeo 'api, чтобы иметь внешний контроль над видео в ящиках.

Я настроил jsfiddle для репликации поведения.Я заметил, что, если я прокомментирую эту строку: $('#grid').masonry(); в анимации из $('.box').click(function(){, она работает нормально, но, конечно, убивает анимацию реорганизации.

Я почти уверенрешение очень близко, но я не могу его закрепить.

Демонстрацию сайта можно увидеть здесь .

Заранее спасибо.

1 Ответ

0 голосов
/ 30 января 2012

Нашел решение, в конце концов это была не проблема javacript, а ошибка css! Пришел из .wrap div, который был недостаточно высок, чтобы показать содержимое. Я обновил jsFiddle .

...