use*_*746 4 html css jquery-masonry
我正在使用砖石来显示内容,masonry.desandro.com,问题是它没有给容器适当的高度,就像你知道的那样,砌体动态地给容器和内部物品的边缘样式赋予高度,但它不起作用这应该.这是砖石js.
$(function(){
$('#ItemContainer').masonry({
// options
itemSelector : '.item'
});
});
这是我的html骨架
<html><body>
<div id="content">
<ul id="ItemContainer">
<li class="item">here li content with block style</li>
....more li's
</ul>
</div>
</body></html>
但是当我设置每个li的高度然后它工作正常,但它中的图像可以有任何高度,所以我必须保持其高度自动.第二行的项目首先重叠一半,第二行重叠,依此类推......每次它给ItemContainer提供426px的高度.
在这里我上传了我的代码... www.testingmycode.comuv.com/rough2.html ...请结账.它显示出不需要的行为,按重新加载,瓷砖在MS窗口中像卡片游戏那样排列,当你调整窗口大小时,它们排列正确...按浏览器重新加载按钮2-3次,调整窗口大小看到它们.请结帐.
我看不到您的代码,但您必须使用该imagesLoaded()方法.
var $container = $('#container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector : '.item',
columnWidth : 240
});
});