jquery - jquery masonry ワードプレスのカテゴリ

Question

だから私は石積みを設定しましたが、カテゴリは機能しますが、元の位置にとどまりますが、カテゴリを選択すると、レンガが1つしかない可能性がありますが、下部にとどまります選択したカテゴリにない投稿の後に石積みをリロードする必要があります隠されています。私はさまざまな解決策を試しましたが、どれもうまくいきませんでした

最初の解決策は機能しません

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

これはある程度機能しますが、コンテナが中央に配置されず、スペースがたくさんある場合でも、ページの左下に最後にフロートが表示されます。

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