jquery - Masonry jQuery 插件对我不起作用

Question

我似乎无法让砌体插件工作，我已经尝试了几个小时。我没有任何 javascript 错误。这是我的代码（现在，不仅在基础上，甚至在文档页面上）

HTML：

<div class="container">

<div class="item"></div>
<div class="item" style="height:320px;"></div>
<div class="item"></div>
<div class="item" style="height:300px;"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>


</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
<script type="text/javascript">
    $(function(){
    $('#container').masonry({
        // options
        itemSelector : '.item',
    });
});
</script>

CSS：

body {
margin: 0;
padding: 0;
width: 1310px;
margin:0 auto;
background-color: #212121;
}
.container {
width: 1302px;
margin: 0 auto;
position: absolute;
}
.item {
width: 220px;
height: 200px;
margin: 10px;
float: left;
background-color: #fff;
padding: 10px;
border-radius: 5px;
}

任何帮助深表感谢，

谢谢你。

Answer 1

$('#container').masonry({ //no element in the dom with id=container
    // options
    itemSelector : '.item',
});

你的 CSS 选择器是错误的。您正在解决它，因为#container它指的是 id，但是该元素上没有指定 id，只有一个类.container

将选择器更改为$('.container')或添加id属性（即<div id="container">，您应该一切顺利。