desandro / masonry

:love_hotel: Cascading grid layout plugin
https://masonry.desandro.com
16.28k stars 2.11k forks source link

No gutters after append elements #1098

Closed LuQK9 closed 5 years ago

LuQK9 commented 5 years ago

Hello,

I use masonry.js on my WordPress project. Everything works correctly except AJAX. My AJAX object "success" method has this code:

$(".blog-posts.grid").masonry().append(arr).masonry("appended", arr, true);

All posts are loaded correctly, but they don't contain gutters. How to fix it?

Thanks in advance for any help!

desandro commented 5 years ago

Double check that arr is either an Array of Elements or a jQuery Object, and NOT an HTML string. If it is an HTML string, convert it to a jQuery Object

var $arr = $( arr );
$(".blog-posts.grid").masonry().append( $arr ).masonry("appended", $arr);