jquery - 砌体不适应 jQuery 设置隐藏

Question

我正在使用 masonry（jQuery 插件）来创建“流畅”的真棒列。一切都很好，直到我添加了一个在关闭 javascript 时可见的字段，否则在加载页面时我隐藏字段并显示“阅读更多”链接（läs mer）......

但是 Masonry 在设置 div 的位置时会考虑隐藏字段 =/

有任何想法吗？

你可以在这里看到它：http: //hyrakontorsplats.nu/

更新：我试图最后移动对砌体的调用，这确实起到了加载的作用。但是现在当我单击阅读更多并显示元素时，它并没有按照应有的方式重新排序。

$('.merInfo').hide(); $('.lasMer').show();

$('#kontorsplatser').masonry({
  itemSelector: '.kontorsplats',
  //isRTL: true  //align right :)
});

Answer 1

我找到了！

在这里寻找重新加载：http: //masonry.desandro.com/docs/methods.html 我的最终（工作！）代码：

$('.merInfo').hide(); $('.lasMer').show();

$(".lasMer").click(function() {
    $(this).parent().siblings(".merInfo").show();
    $(this).hide();
    $('#kontorsplatser').masonry( 'reload' );

});

$('#kontorsplatser').masonry({
  itemSelector: '.kontorsplats',
  //isRTL: true  //align right :)
});