jQuery砌体和WordPress

我正在尝试将jQuery Masonry的WordPress库放在一起，但它看起来不正确。jQuery砌体和WordPress

这是我的代码：

<style type="text/css"> 
#container { 
} 
.item { 
    width: 200px; 
    float: left; 
    padding: 10px; 
    margin: 10px; 
    background: #D8D5D2; 
    font-weight: 300; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
} 
</style> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script src="jquery.masonry.min.js"></script> 

<script> 
$(function(){ 
    $('#container').masonry({ 
    // options 
    itemSelector : '.item', 
    columnWidth : 240 
    }); 
}); 
</script>

这是HTML：

<div id="container"> 

<div class="item"><img src="1.JPG" width="200" /></div> 
<div class="item"><img src="2.JPG" width="200" /></div> 
<div class="item"><img src="3.JPG" width="200" /></div> 
<div class="item"><img src="4.JPG" width="200" /></div> 

... 
</div>

这是输出：

Output http://f.cl.ly/items/1n370r413Y0f3z0s3W2x/output.png

我在做什么错？

来源

2012-08-10 Jessica

-2

，在我站出来的第一件事，立即被这条线：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

它应该是：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

来源

2012-08-10 23:00:47 Edenbauer

那么，'''可以 - 它相当于使用https或http，具体取决于用于加载页面的内容。 – c2h5oh 2012-08-10 23:04:56

是的，不，这没有做任何事情，但谢谢你告诉我这些。 – Jessica 2012-08-10 23:12:55

啊哈，今天我学到了新东西，谢谢@ c2h5oh。杰西卡，你是否试过[imagesLoaded]（http://masonry.desandro.com/demos/images.html）插件？ – Edenbauer 2012-08-10 23:26:24

我用砖石很久以前在我的WordPress网站和它出来很好，唯一的问题是我不确定代码是什么，因为这是很久以前，该网站不存在了。尝试将以下内容添加到您的CSS。

overflow:hidden;

来源

2012-08-11 03:21:25

另外，使#container溢出：隐藏以及看看你得到了什么。 – 2012-08-11 03:23:28

那么这是尴尬。显然，jquery.masonry.min.js无处可查，当我将它添加到该文件夹时，它开始工作完美！谢谢大家的好意。

来源

2012-08-11 03:54:06 Jessica

jQuery砌体和WordPress

回答

相关问题