砌體jQuery插件不工作

Question

我試圖砌體適用於本批代碼：

<?php 
//If There Are No Posts In The DB 
if(condition) : ?> 
    <p> There Are Currently No Posts On This Site.</p> 
    <?php 
    //If There Are Posts In The DB - Loop Through All The Posts 
    else : ?> 
     <div id="masonry-grid"> 
     <div class="gutter-sizer"> 
    <?php foreach ($a as $b) : 
     <div class="grid-item"> 
     <img src="source/of/the/image"> 
     </div> 
    <?php endforeach; ?> 
     </div> 
     </div> 
     <script> 
     $(document).ready(function(){ 
var $container = jQuery('#masonry-grid'); 
$container.masonry({ 
columnWidth: 200, 
itemSelector: '.grid-item' 
}); 
}); 
    </script> 
<?php endif;?> 

它並不完全排隊圖像的方式磚石是假設。 我檢查了我的課程和ID匹配as per here，並且我的jQuery + Masonry文件已正確加載（在單獨的頭文件中）as per here。

我在考慮這是否是文檔中的代碼放置問題，但更改它的位置似乎不能解決問題。

Answer 1

在scirpt的頂部添加了包含 - 並且像魅力一樣工作。

<script src="<?=base_url();?>includes/js/jquery.min.js"></script> 
<script src="<?=base_url();?>includes/js/masonry.pkgd.js"></script> 
<script> 
--Scripty Script-- 
</script>