流畅网格中的Wordpress和Masonry插件

Question

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

首次发布在Stack上，所以希望你们中的一些更聪明的成员可以帮助我，因为我一直在努力让jQuery砌体插件（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脚本都放在关闭正文标记之前，因为我正在调用名为.twelvecol的容器div上的masonry插件

<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错误，因为我没有正确地为我正在使用的循环插件构建代码。