벽돌집 jQuery 플러그인이 나를 위해 작동하지 않습니다

Question

벽돌 플러그가 작동하지 않는 것 같습니다. 지금 몇 시간 동안 시험해 보았습니다. 자바 스크립트 오류가 없습니다. 이 (현재, 기초에서하지만, 심지어 문서 페이지에 같은 단지) 내 코드입니다

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 선택자가 잘못되었습니다. 당신은 ID를 참조 #container로 해결하고 있지만 해당 요소에 지정된 ID 없음, 단지 클래스 .container

중 하나가 없다 (즉, <div id="container">를 id 속성을 $('.container')에 선택기를 변경하거나 추가하고 당신이 잘되어야합니다