jquery-masonry - jQuery砌体和同位素 - 高度

Question

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

$(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 时，您的同位素布局没有正确反应（当高度增加时重新定位其他元素）。所以，也许这里的小提琴会有所帮助。如果您发布一个指向您的沙箱的链接或自己提供一个 jsfiddle，那么调试起来会更容易。您似乎还通过 imagesLoaded 加载大图像，因此如果未正确实现，它也可能发挥作用。