jquery和wordpress类别

因此，我有砖石设置它的工作，类别的工作，但他们留在原来的位置，但当我选择一个类别，可能只有一块砖，但它留在底部，我需要砖石重新加载后，职位不在所选类别已被隐藏。我尝试过各种各样的解决方案，但都没有成功

第一个解决方案不起作用

<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>  

//这一行告诉脚本在加载页面后运行，
//以及允许您在脚本中使用`$`函数
jQuery（函数（$）{
$（'pincontainer'）。砖石({
项目选择器：'.pin库'，
});
});

这确实适用于一个现有的容器，但即使有大量的空间，容器也不会居中，最后一个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>

$（文档）.ready（函数（）{
$（“#容器”）。砌体({
$（“#容器”）。砌体({
列宽：320，
itemSelector:“.brick”，
是的，
}).imagesLoaded（函数（）{
$（“#容器”）。砌体（“重新加载”）；
});
});
$（“#公文包过滤器”）。单击（函数（）{
$（“#容器ul li”）.eq（2）
.css（{'visibility'：'hidden'，'display'：'none}）
.移除玻璃（“砖块”）；
$（“#容器”）。砌体（“重新加载”）；
});

砖石结构停止工作，所以上面的代码可以工作，但我不知道javascipt/jquery是如何工作的，所以我不知道代码看起来是否正确

这是我目前掌握的代码，但在选择类别后不会重新加载砌体/重新组织项目 $（文档）.ready（函数（）{

$（'#容器'）。砌体({
列宽：320，
itemSelector:“.brick”，
是的，
}).imagesLoaded（函数（）{
$（“#容器”）。砌体（“重新加载”）；
});
});

你键盘上的所有标点符号键都停止工作了吗？是的，但是如果你帮不上忙，我真的看不出评论的意义，因为它清楚地解释了问题和尝试的解决方案。

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

  });
});
</script>