jquery - 使用 jquery masonry 隐藏元素后重新组织所有元素

Question

我隐藏了一个 li，隐藏它后，html 中留下了一个间隙，我想重新加载砌体并重新排列内容。我尝试了 .masonry( 'reload' ) 但没有成功。任何帮助

fiddle http://jsfiddle.net/emtBX/1/

JS

$(document).ready(function(){
              $('#container').masonry({
                // options
                itemSelector : '.item',
                columnWidth : 240,

                isAnimated: true,
                  animationOptions: {
                    duration: 750,
                    easing: 'linear',
                    queue: false
                  }
              });

              $('#butn1').click(function() {

                    $('#container ul li').eq(2).hide();
                    $('#container').masonry('reload');

              });
            });

Answer 1

您可以隐藏 li 元素并删除 .item 类来重新排序元素，http://jsfiddle.net/emtBX/11/

$('#container ul li').eq(2)
    .css({'visibility': 'hidden', 'display': 'none'})
    .removeClass("item masonry-brick");