Jquery Masonry height issue Jquery Masonry height issue jquery jquery

Jquery Masonry height issue


Seems you already use the reload.Maybe its because the images reload on URL refresh and not on reload.

Try:

var $container = $('#media_list');$container.imagesLoaded(function(){  $container.masonry({        itemSelector : '.media_item',        columnWidth : 300,        gutterWidth: 20  });});

otherwise

$('#media_list').masonry({    // options    itemSelector : '.media_item',    columnWidth : 300,    gutterWidth: 20}).masonry('reload');


For a better compatibility with Google Chrome for example, change

var $container = $('#media_list');

to

$(window).load(function(){ $('#media_list').masonry(); });