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

前端之家收集整理的这篇文章主要介绍了使用jquery masonry隐藏元素后重新组织所有元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我隐藏了一个李,隐藏它之后,html中还留有一个空隙,我想重新装载砖石并重新安排
内容.我试过.masonry(‘reload’),但我没有工作.任何帮助

小提琴
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');

              });
            });

解决方法

您可以隐藏li元素并删除.item类以重新排序元素 http://jsfiddle.net/emtBX/11/
$('#container ul li').eq(2)
    .css({'visibility': 'hidden','display': 'none'})
    .removeClass("item masonry-brick");
原文链接:https://www.f2er.com/jquery/177317.html

猜你在找的jQuery相关文章