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加载大图像，所以如果没有正确实现，它也可以发挥作用。