Fatal编程技术网
  • jquery/
  • jQuery-没有显示错误但不工作？

jQuery-没有显示错误但不工作？

jquery layout

jQuery-没有显示错误但不工作？,jquery,layout,jquery-masonry,Jquery,Layout,Jquery Masonry,我已经试了7个多小时来整理布局，我希望最终产品看起来像这样- 相反，我得到了这个 这是正在使用的代码 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="styl

我已经试了7个多小时来整理布局，我希望最终产品看起来像这样-

相反，我得到了这个

这是正在使用的代码

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>
有什么想法吗？因为似乎什么都不管用

好吧，这是我做的

我注意到，通过设置较低的柱宽数字，可以改善砌体的工作方式

所以我把纸条改成这样：

$(function () {
    $('#container').masonry({
        columnWidth: 1,
        itemSelector: 'div'
    });
});
此外，添加固定体重/身高可能会有所帮助。尤其是在处理项目周围的边距时，因为砌体似乎在元素之间的边距方面存在一些问题

因此，如果你的大件物品是350px，请确保下面的物品不超过
（350-（2*margin））/2
px，以便正确放置它们。

好的，这是我做的一个例子

我注意到，通过设置较低的柱宽数字，可以改善砌体的工作方式

所以我把纸条改成这样：

$(function () {
    $('#container').masonry({
        columnWidth: 1,
        itemSelector: 'div'
    });
});
此外，添加固定体重/身高可能会有所帮助。尤其是在处理项目周围的边距时，因为砌体似乎在元素之间的边距方面存在一些问题

因此，如果您的大项目是350px，请确保下面的项目不超过
（350-（2*margin））/2
px，以便正确放置它们@Jashwant删除IE的最后一个逗号或旧版本将抛出一个错误，这是一个打字错误。我从来没有这样做过，甚至在php中也没有：）还有人有什么想法吗？似乎什么都不管用！你的head标签在一个奇怪的地方关闭，尽管我不认为这是问题所在。
$（'#container'）.mashine（{columnWidth:150，itemSelector'div'）
@Jashwant删除IE的最后一个逗号或旧版本将抛出一个错误，这是一个打字错误。我从来没有这样做过，甚至在php中也没有：）还有人有什么想法吗？似乎什么都不管用！你的头牌贴在一个奇怪的地方，尽管我不认为这是问题所在。