同位素js隐藏div显示时不推div

Question

我有一个同位素缩略图库，有2个过滤器，1种排序和洗牌/非洗牌。在我的同位素容器中，我有19个缩略图（项目）。每个项目都有一个简单的“显示信息”，带有无样式的复选框。选中后，它会在缩略图下方显示隐藏的div文本。这一切都很有效 - 根本没有问题。但是，当我选中取消隐藏它下面的div（但仍在项目容器中）的框时，它会放在它下面的项目顶部（另一个容器中的另一个项目）。我想要的是让它把物品推开。这是奇怪的事情 - 如果我勾选方框并且信息显示在它下方的项目顶部...然后我点击“unshuffle”（sortBy：'original-order'），它确实将项目推开一切都很好。但是我不想经常无所事事地采取行动。此外，如果我取消选中该框以隐藏信息，则项目不会移动...但如果我点击不洗牌，他们会移动到他们应该去的地方。我是一个白痴，这是一个非常容易解决的问题吗？

这是小提琴：http://jsfiddle.net/zuhloobie/Lt1hL0p6/5/

这是代码：

<div id="headerContainer">
<div class="header">november 2014
</div>
</div>

Answer 1

以下是DeSandro的解决方法（谢谢！）：

布局更改后需要触发布局。在这种情况下，单击复选框。

$'.galleryItem input:checkbox').click (function(){
    $container.isotope('layout');
});

这是更新的小提琴：http://jsfiddle.net/lt1hl0p6/7/

还删除了窗口smartresize逻辑，因为它是不必要的。