流体网格中的 Wordpress 和 Masonry 插件

Question

请查看相关网站/页面：www.lewismalpas.co.uk/blog/portfolio

第一次在 Stack 上发帖，希望你们中的一些更聪明的成员可以帮助我，因为我一直在努力让 jQuery masonry 插件 (http://masonry.desandro.com) 在我的 wordpress 主题和我的流体网格中工作正在使用。

jQuery 和插件都已正确加载，我已检查以确保首先加载 jQuery，但是我在容器上调用 masonry 函数的脚本本身似乎没有任何效果。我在 header.php 中加载插件：

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.masonry/jquery.masonry.js"></script>

我所有的 jQuery 脚本都放在结束 body 标记之前，因为我目前正在调用名为 .twelvecol 的容器 div 上的砌体插件

<script type="text/javascript">
jQuery(document).ready(function(){

    //jquery masonry    
    jQuery('.twelvecol').imagesLoaded( function(){
        jQuery('.twelvecol').masonry({
            itemSelector : '.project'
         });
    });
});

我的 CSS 如下：

.row .twelvecol {
width: 100%;
}

.project {
float: left;
width: 50%;
}

非常感谢您的帮助，

刘易斯。

Answer 1

问题已解决，我遇到了一个 JS 错误，因为我没有为我正在使用的循环插件正确形成代码。