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"> ，你应该可以开始了。