如何重新加载jQuery的砌体脚本追加内容后动态

Question

我使用jQuery砌体脚本。第一次加载页面时一切都很好，但是当我添加动态内容时，脚本不会再次加载。

这里是我的代码：

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

你可以看到在div id="coment"评论时，其追加评论。第一个顶部项目和底部项目看起来合并。彼此之间没有斗篷。

任何人都可以帮助我吗？

Answer 1

该代码没有一个div的ID "coment"除非我只是盲目的。它也不会显示您如何动态添加新内容。最后，pastebin是否允许执行代码？一个现场工作的例子会更好;否则你可能会在这里粘贴你的代码。

简而言之：无论您使用的是动态地添加内容肯定有一个回调函数。只需再次触发masonry()作为回调的一部分。