砌体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">，你应该是好的