0

所以我有砌体设置它工作，类别工作但它们保持在原始位置但是当我选择一个类别时可能只有一块砖但它停留在底部我需要在帖子不在所选类别中之后重新加载砌体已被隐藏。我尝试了各种不适用的解决方案

第一个解决方案不起作用

<script language="javascript" type="text/javascript">  
// This line tells the script to run after the page is loaded,
// As well as allows you to use the `$` function within the script
jQuery(function($) {  
$('#pincontainer').masonry({
    itemSelector: '.pin-gallery', 
});
});
</script>

这在一定程度上确实有效，但容器不会居中并且最后一个 li 浮动页面的左下角，即使有大量空间也尝试了下面

   $(document).ready(function() {

  $('#container').masonry({
            $('#container').masonry({
   columnWidth: 320,
   itemSelector: '.brick',
     isFitWidth: true,
  }).imagesLoaded(function() {
   $('#container').masonry('reload');

  });
});

          $('#portfolio-filter').click(function() {

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

              $('#container').masonry('reload');

          });


</script>

砌体停止工作，所以上面可以工作，但我不知道 javascipt/jquery 是如何工作的，所以我不知道代码是否正确

这是我现在拥有的代码，但在选择类别后不会重新加载砌体/重新组织项目 $(document).ready(function() {

  $('#container').masonry({
   columnWidth: 320,
   itemSelector: '.brick',
     isFitWidth: true,
  }).imagesLoaded(function() {
   $('#container').masonry('reload');

  });
});
</script>
4

0 回答 0