Как сделать хаотичное расположение блоков (как на Pinterest)?

Question

[Кейси]

Задача - сделать растановку блоков с товарами на сайте, как на Pinterest.
Изначально планировал использовать плагин masonry. Но возникла такая проблема: пагинация на сайте подгружается аяксом. И новые товары не имеют нужных стилей, от того верстка вся "летит".

Как лучше реализовать вывод блоков в таком стиле, с учетом аякс-пагинации?

Comments

[eternalfire]

что мешает назначить новым товарам нужные стили?
а потом сделать $("#content").append(el).masonry( 'reload' );

Answer 1

[Ihor Bratukh]

CSS

Answer 2

[skuvaWeb]

1)В документации к masonary есть примеры того, что делать если контент динамически добавляется. Вызывайте .masonary();
2)Используйте grid