我正在尝试将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
我在做什么错?
那么,'''可以 - 它相当于使用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