1
我一直在尝试超过7个小时才能获得布局排序,我希望最终产品能够沿着这些方向发展 - - ! jQuery - 砌体显示没有错误,但不工作?
反而我得到这个!
继承人正在使用
代码这就是HTML -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>_Box</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="masonry.js"></script>
<script>
$(function(){
$('#container').masonry({
columnWidth: 150,
itemSelector: 'div'
});
});
</script>
<div id="container" class="clearfix masonry">
<div class="item1"><img src="images/eventbox.png"></img></div>
<div class="item3"><img src="images/forumbox.png"></img></div>
<div class="item2"><img src="images/weekbox.png"></img></div>
<div class="item2"><img src="images/weekbox.png"></img></div>
<div class="item2"><img src="images/weekbox.png"></img></div>
<div class="item2"><img src="images/weekbox.png"></img></div>
<div class="item3"><img src="images/top10box.png"></img></div>
<div class="item1"><img src="images/eventbox.png"></img></div>
</div>
</head>
</body>
CSS -
html {
height:100%;
}
body {
width:900px;
height:100%;
margin:0 auto;
margin-top:100px;
background-image: url(images/gridbg.png);
}
#container {
width:900px;
}
.item1,.item2,.item3 {margin:5px;}
.item1 {width:350px;}
.item2 {width:175px;}
.item3 {width:150px;}
任何想法?因为它似乎什么都不会工作
'$( '#集装箱')砌体({ columnWidth时:150, itemSelector: 'DIV' });' – Jashwant
@Jashwant删除最后一个逗号或旧版本的IE将抛出一个错误 – Andreas
这是一个错字。我从来没有这样做,即使在PHP中:) – Jashwant