Web

Если плагин jquery.masonry неправильно работает (блоки наплывают друг на друга)

Для начала «что такое Masonry и что с ним делать» читаем на Хабре

Качаем плагин и смотрим демки тут

masonry - блоки наплывают друг на друга, неправильно работает плагин

Проблема: блоки позиционируются неправильно при загрузке страницы, наплывают друг на друга, но если изменить размер окна — все выравнивается нормально.

Диагноз: Скорее всего в верстке использованы изображения, или встроенные шрифты, которые не успели подгрузиться до момента срабатывания скрипта

Решение: Меняем в скрипте, который вставляется на нужную страницу и запускает магию $(document).ready  на $(window).load  и наслаждаемся безглючной работой, так как $(window).load  дожидается того момента, когда загрузится вся шелуха, включая изображения и скрипты, в отличие от $(document).ready которого интересует только код страницы

2 комментария

  • Спасибо за совет. Ставил сей замечательный плагин на Opencart 2. Что только не пробовал, все без толку, но именно это помогло.

Добавить комментарий