jQuery砌体和同位素 - 高度

Question

我需要显示一个附加到 .box div 的隐藏 div，我的砌体代码是

$(function(){

var $container = $('.content');

$container.imagesLoaded( function(){
  $container.masonry({
    itemSelector : '.box',
    isAnimated : true,
    isResizable : true,

  });
});

});

它会加载一个带有图像和文本的框，但是当我想显示指定的 DIV 时 砌体想要移动高度，所以我隐藏的 div 显示在 .box div 后面

$('.commentopen').live("click",function()
{
var ID = $(this).attr("id");
$("#commentbox"+ID).fadeIn('slow');
return false;
}); 

关于如何在不重新加载的情况下在同一窗口中扩展高度的任何想法 我尝试砌体.reload 或.reloadItems 但没有运气，我认为是因为.imagesLoaded 功能

这里是视觉解释

Answer 1

我所能理解的是，当显示“隐藏”的 div 时，您的同位素布局不会正确反应（当高度增加时重新定位其他元素）。所以，也许this fiddle here 会有所帮助。如果您要发布一个指向您的沙箱的链接或自己提供一个 jsfiddle，那么调试起来会更容易。您似乎还通过 imagesLoaded 加载大图像，所以如果没有正确实现，它也可能发挥作用。