Question

我正在尝试将Masonry应用于这批代码：

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

在脚本之上添加了包含 - 并且像魅力一样工作。

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

砌体jQuery插件不起作用

1 个答案: