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">，您应该很高兴。

砌体jQuery插件不适合我

1 个答案: