与jquery拼砌砌体对齐

我一直在与砌体挣扎。它似乎试图做它的工作，但它没有正确对齐。我一直在努力修复它几个小时。我在这里搜索，发现有同样问题的人，但解决方案并不适合我。这里是所有代码：与jquery拼砌砌体对齐

<div id="container"> 
    <?php while (next_news()): ?> 
<div class="newsitem"> 
<span class="newstitle"><?php printNewsTitleLink(); ?></span> 
<span class="newsdate"><?php printNewsDate(); ?></span> 
<span class="newscontent"><?php printNewsContent(); ?></span> 
</div>  
    <?php endwhile; ?> 
</div>

CSS代码：

div.newsitem { 
    width:215px; 
    text-align:justify; 
    margin:5px; 
    padding:15px; 
    float: left; 
    font-size:12px; 
    background-color:#FFF; 
} 

#container { 
    display:inline-block; 
}

这里的剧本，我也尽量给列的宽度或改变Gutterwidth，但是毫无效果：

我脚本： -

<script> 
$(function(){ 
$('#container').masonry({ 
itemSelector: '.newsitem' 
}); 
}); 
</script>

而这里包括的文件，使其全部工作：

<script src="<?php echo $_zp_themeroot; ?>/js/jquery-1.7.2.min.js"></script> 
<script src="<?php echo $_zp_themeroot; ?>/js/jquery.masonry.min.js"></script>

它应该在哪里工作：http://dagloos.com/lust/index.php?p=news 请帮助我，我真的很感激它。我即将把头发拉出来。

来源

2012-07-23 Nena Dagloos

我想出了问题所在！

<script src="<?php echo $_zp_themeroot; ?>/js/jquery.masonry.min.js"></script>

刚刚被置于花式框脚本之后。

来源

2012-07-23 13:02:41

首先，可以尝试在

$(function(){$('#container').masonry({ itemSelector: '.newsitem' }); });

的

$(document).ready(function() {

功能里面，它应该工作的话，我想。

瞎猜，但尝试和替换：

div.newsitem {}

与

.newsitem{}

旁注：

<script type="text/javascript" src="/lust/themes/bottomline/js/jquery.fancybox-buttons.js"></script>

目前导致404

来源

2012-07-23 12:47:27 Kush

感谢您的快速响应。我改变了脚本和CSS，但可悲的是它没有修复它。关于附注，感谢您注意，我删除了代码，因为它不再使用它。 – 2012-07-23 12:55:39

我修好了！（请参阅答案）我猜这些代码有冲突之处。感谢您的期待:) – 2012-07-23 13:05:01

在控制台中，清楚地表明它无法加载砖石。

TypeError：Object [object Object] has no method'masonry'

来源

2012-07-23 13:06:00 Jithin

它现在仍然给错误？你在说什么这个控制台？听起来很方便 – 2012-07-23 13:13:58

现在很好。 [检查如何在不同浏览器中打开控制台]（http://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers） – Jithin 2012-07-24 04:16:42

与jquery拼砌砌体对齐

回答

相关问题