砌體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">，你應該是好的