2012-02-13 91 views
2

我使用jQuery砌體腳本。第一次加載頁面時一切都很好,但是當我添加動態內容時,腳本不會再次加載。如何重新加載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的ID "coment"除非我只是盲目的。它也不會顯示您如何動態添加新內容。最後,pastebin是否允許執行代碼?一個現場工作的例子會更好;否則你可能會在這裏粘貼你的代碼。

簡而言之:無論您使用的是動態地添加內容肯定有一個回調函數。只需再次觸發masonry()作爲回調的一部分。

+0

這裏是我的全部代碼http://pastebin.com/eKDLUYFT。所有js腳本都在頭文件中調用,您在此代碼中看不到。你想過去的頭? – 2012-02-13 20:27:43

+0

謝謝,我打電話回**功能** masonry()**它工作正常 – 2012-02-13 20:58:53

+0

噢好!很高興聽到。 :-) – 2012-02-13 21:32:10