2011-08-09 85 views
0

请参阅相关网站/网页:www.lewismalpas.co.uk/blog/portfolioWordpress和砌体插件

对堆栈

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

jQuery和插件都正确加载,我已经检查,以确保jQuery是第一次加载,但脚本本身,我在一个容器上调用砖石功能似乎没有任何影响。我加载插件中的header.php:

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

我所有的jQuery的脚本就在结束标记之前被作为我目前呼吁一个div容器砌筑插件叫做.twelvecol

<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%; 
} 

提前感谢您的帮助,

刘易斯。

+0

任何脚本错误?现场示例将有必要调试我的想法。 – mrtsherman

+0

我刚刚有一个正在运行的实时版本,请让我知道这是否有帮助。该插件应该更好地安排投资组合页面上的div - www.lewismalpas.co.uk/blog/portfolio –

回答

0

问题修复,我有一个JS错误,因为我没有正确地为我正在使用的循环插件形成代码。