2012-02-13 2 views
2

Я использую скрипт jQuery Masonry. При первой загрузке страницы все хорошо, но когда я добавляю динамический контент, сценарий не перезагружается снова.Как перезагрузить скрипт сценария 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" когда комментарий это добавить комментарий. Первый элемент верхнего и нижнего элементов объединен. Между нами нет мыса.

Может ли кто-нибудь мне помочь?

ответ

3

Этот код не имеет div с идентификатором "coment", если я не ослеп. Он также не показывает, как вы динамически добавляете новый контент. Наконец, делает ли пастебин возможным выполнение кода? Рабочий рабочий пример будет работать лучше; иначе вы могли бы просто вставить свой код здесь.

Вкратце: все, что вы используете для динамического добавления контента, должно обязательно иметь функцию обратного вызова. Просто пожар masonry() снова как часть обратного вызова.

+0

вот мой полный код http://pastebin.com/eKDLUYFT. весь js-скрипт вызывается в заголовке, который вы не видите в этом коде. вы хотите пройти мимо заголовка? –

+0

Спасибо, я перезвонил функции ** кладки() ** хорошо работает –

+0

О, хорошо! Рад слышать. :-) –