コンテンツを動的に追加した後にjQuery Masonryスクリプトをリロードする方法

Question

jQuery Masonryスクリプトを使用しています。最初にページを読み込むときはすべてが良いですが、動的コンテンツを追加すると、スクリプトは再び読み込まれません。それはコメントを追加するコメントをするときは、divのid="coment"を見ることができます

<div id="alpha" class="container clearfix"> 

     <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/><div id="coment"></div></div> 
     <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/></div> 
     <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/></div> 
     <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/></div> 
     <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/></div> 
     <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/></div> 
     <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/></div> 

    </div> 

    <script src="<?php echo base_url()?>js/jquery.min.js"></script> 
    <script src="<?php echo base_url()?>js/jquery-1.7.1.min.js"></script> 
    <script src="<?php echo base_url()?>js/jquery.masonry.min.js"></script> 

<script type="text/javascript"> 

    $(function(){ 
      var $alpha = $('#alpha');   

      $alpha.masonry({ 
       itemSelector: '.pin_item', 
       columnWidth: 230, 
        //isAnimated: true 
      }); 

     }); 

    </script> 

：

は、ここに私のコードです。最初のトップアイテムとボトムアイテムの外観がマージされました。お互いの間に岬がありません。

誰でも助けてくれますか？

Answer 1

私はまれでない限り、そのコードにはIDが"coment"のdivはありません。また、新しいコンテンツを動的に追加する方法も示されていません。最後に、pastebinはコードの実行を許可しますか？実用的な作業例がうまくいくでしょう。それ以外の場合は、代わりにコードをここに貼り付けることができます。

要するに、コンテンツを動的に追加するために使用しているものは、必ずコールバック機能が必要です。コールバックの一環としてmasonry()を再度発射してください。