콘텐츠를 동적으로 추가 한 후 jQuery Masonry 스크립트를 다시로드하는 방법

Question

jQuery Masonry 스크립트를 사용하고 있습니다. 처음 페이지를로드 할 때 모든 것이 좋지만 동적 내용을 추가하면 스크립트가 다시로드되지 않습니다. 이 코멘트를 추가 언급 할 때 사업부 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()을 콜백의 일부로 다시 실행하십시오.