jQuery-如何使用jquery masonry在图片输出之前进行布局？

Question

使用瀑布流的时候，用到这个插件，可是这个插件必须要图片载入完成之后才能很好的布局，不然就会出现重叠现象。有什么更好的解决方案吗？

$('#content').imagesLoaded(function() {
  $('#content').masonry({
    itemSelector: '.box',
    columnWidth: 235
  });
});

Answer 1

图片大小已知的话，直接计算出内部item的尺寸并输出在页面上，然后去掉imagesLoaded。